バージョン

アクティビティを更新(クライアント側)

始める前に

WebSchedule は、 アクティビティ をクライアント側で更新できます。この詳細なガイドでは、クライアント側にアクティビティを更新するための方法を提供します。クライアント側にアクティビティを更新するために使用される主なメソッドは updateActivity です。

updateActivity は以下の 3 つのパラメータを取ります。

  1. ActivityUpdateProps:更新したい予定のプロパティを含む動的なオブジェクト。

  2. Activity:更新したい実際のアクティビティ。

  3. id:Updating Client and Server イベントで取得可能な文字列値。

以下はクライアント側の既存のアクティビティを更新する方法を手順ごとに説明します。

以下の手順を実行します。

  1. プロジェクトのセットアップ

ASP.NET プロジェクトを作成して、WebSchedule コントロールを設定します。設定方法については、 「Web フォーム デザイナを使用してクイック スタート」または 「コードで WebSchedule を設定」を参照してください。

  1. プロジェクトのセットアップが完了した後で、JavaScript イベントを起動するためにクリックできるボタンのような物が必要となります。

  2. WebScheduleInfo への参照の取得

まず、WebSchdeuleInfo オブジェクトへの参照が必要です。WebScheduleInfo の ClientId を以下のユーティリティ関数に渡すことによって、このオブジェクトを取得できます。

JavaScript の場合:

var scheduleInfo = ig_getWebScheduleInfoById("WebScheduleInfo1");
  1. アクティビティ を取得

次に更新したいアクティビティを取得する必要があります。以下はアクティビティを取得するための一般的な 2 つの方法です。

  1. 最初に Activities コレクション内の各アクティビティでループできます。

JavaScript の場合:

var activities = scheduleInfo.getActivities();
var activity = null;
for(var i = 0; i < activities.length; i++)
{
	if(activities[i].getSubject() == "New Appointment")
	{
		activity = activities[i];
		break;
 	}
}
  1. 2 番目に WebDayView および WebMonthView のいずれかを検出できる getSelectedActivity() メソッドを使用できます。

JavaScript の場合:

var webDayView = ig_getWebDayViewById("WebDayView1");
var activity = webDayView.getSelectedActivity();
  1. アクティビティのプロパティのオブジェクトを作成

次にアクティビティで更新したいプロパティを含む動的なオブジェクトを作成する必要があります。

注: activityUpdateProps オブジェクトのあらゆるプロパティを含める必要も、この順番でプロパティを指定する必要もありません。ただし、コロンの左側の値は大文字と小文字を識別するため、以下に列挙するとおりに入力する必要があります。

JavaScript の場合:

var activityUpdateProps =  {StartDateTime: new Date(),
			Duration: 30,
			Subject: "Update Appointment",
			Location: "Here",
			Description: "No Description",
			AllDayEvent: false,
			EnableReminder: true,
			ShowTimeAs: 1,
			Importance: 1,
			ReminderInterval: 9000000000};
  1. アクティビティの更新

最後に updateActivity を呼び出すことができます。これは WebScheduleInfo オブジェクトのメソッドです。このメソッドはポストバック、ならびにクライアント側とサーバー側両方の Updating イベントを起動します。

JavaScript の場合:

scheduleInfo.updateActivity(activityUpdateProps, activity, "" );

復習

この詳細なガイドでは、クライアント側でアクティビティを更新するための手順を説明しました。

関連トピック