xamSchedule ソリューションの使用方法

0 ユーザーが評価
この投稿には確認済みの回答があります。 0 返信 | 1 サポーター

投稿 12

返信

セドリック 投稿済み： 2010/11/26 16:22

0 ユーザーが評価

元記事 (英語)： Mihail Mateev - http://forums.infragistics.com/blogs/mihail_mateev/archive/2010/10/25/how-to-use-infragistics-xamschedule-solution.aspx

xamSchedule ソリューションは、NetAdvantage 2010 Volume 3 に含まれます。このスケジュールコンポーネントは Silverlight および WPF に対応しており、Silverlight の xamSchedule は NetAdvantage for Silverlight Line of Business 2010 Volume 3、WPF の xamSchedule は NetAdvantage for WPF Line of Business 2010 Volume 3 に含まれています。

また、上記 2 製品は NetAdvantage for .NET 2010 Volume 3 および NetAdvantage Ultimate 2010 Volume 3 に含まれます。

この記事では、Silverlight 用の xamSchedule ソリューションについてご紹介します。ご存じのように Silverlight および WPF の xamSchedule は同じ API を使用しています。ただし、Silverlight と WPF のフレームワークは多少異なるため使用方法が変わる場合があります。

xamSchedule アーキテクチャ

xamSchedule ソリューションは Microsoft™ Outlook™ 予定表のほとんどの機能を再現できます。コードをほとんど書かずに色々なビューでアクティビティ情報を表示することができます。また、複数のカレンダーに複数のリソースを同時に表示することも可能です。

ソリューションは、UI 要素 (ビュー)、データマネージャーコントロールおよびデータコネクターを含みます。

ビュー：

xamDayView、xamScheduleView、および xamMonthView、3 つのビューがあります。1 つ以上のリソースに対する予定表によるアクティビティを表示およびコントロールすることが可能になります。

DataManager：

DataManager クラスはビューにデータ (リソース、予定表、およびアクティビティ) を提供します。稼働日、稼働時間、ユーザー操作の設定などのプロパティを公開します。

データコネクター：

データコネクターは表示されない要素で、スケジュールデータ (リソース、予定表、およびアクティビティ) にバインドするために使用します。各データコネクターがデータマネージャーに関連づけられ、データマネージャーが各ビューコントロールにデータを提供します。

以下のデータコネクターが提供されます。

ListScheduleDataConnector
WcfScheduleDataConnector

List および WcfScheduleDataConnector クラスは、データソースオブジェクトと xamSchedule オブジェクト間のプロパティのマッピングをサポートします (リソース、予定表、およびアクティビティ)。

ListScheduleDataConnector は、XamScheduleDataManager とスケジュールデータソース間のコネクターとして使用される非視覚型の要素です。これはスケジュールデータマネージャーに提供されるビューモデルオブジェクト (リソース、カレンダーおよびアクティビティ) を作成します。コネクターを IEnumerable 項目ソースのセットにバインドできます。xamScheduleManager は、ユーザーインターフェイスでデータを操作し、要求をデータコネクターへ順にダイレクトします。データコネクターは基本項目ソースに行われた変更を認識します。

スケジュールユーザーインターフェイスがオンデマンドでデータに簡単にアクセスできない場合は WcfScheduleDataConnector を使用します。データベースのすべてのスケジュールデータをサーバーからクライアントへ送信するのは実用的ではありません。WCF リストコネクターは、サーバー上の IEnumerable コレクションを受け付けるサービスと通信し、クライアントによって要求されるスケジュールデータだけを返します。
クライアント側では、WcfScheduleDataConnector は ListScheduleDataConnector と同じように XamScheduleDataManager と動作します。DataConnector プロパティを WcfListScheduleDataConnector インスタンスに設定し、コネクターにリモート WCF サービスの位置を報告する必要があります。

また、特定な要件に沿ったスタムデータコネクターの作成も可能です。
データコネクターは特定なタイムゾーン情報にも対応します。

サンプル xamSchedule アプリケーション：

このデモアプリケーションでは、xamSchedule スイートの使用方法を紹介します。まず、適切な DataConnector 設定してください。

このサンプルでは、ListScheduleDataConnector を利用しています。このソリューションでは、Resources (ユーザー)、ResourceCalendars (予定表) および Appointments (予定) のカスタムコレクションを提供する ViewModel を作成します。ViewModel はさまざまなソースからデータを取得することができます。このデモでは xamSchedule スイートにフォーカスしているため、スケジュールデータソースのサーバー側ストレージは実装しません。

要件：

Visual Studio 2010
Silverlight 4 Tools for Visual Studio 2010
Silverlight 4 Toolkit
以下製品のうち 1 つ：
1. NetAdvantage for Silverlight Line of Business 2010 Vol.3
2. NetAdvantage for .NET 2010 Vol.3
3. NetAdvantage Ultimate 2010 Vol.3

デモアプリケーションの作成ステップ

Silverlight アプリケーションを作成します。
Resources、ResourceCalendars、および Appointments にメンバーを持つ ViewModel を作成します。
ListScheduleDataConnector を追加し、マッピングフィールドを設定します。
xamScheduleDataManager を追加します。
xamDayView、xamScheduleView、および xamMonthView、スケジュールスイートから UI コンポーネントを追加します。
複数予定表のサポートを実装します。
予定表表示モードのためのランタイムサポートを実装します。
現在の xamSchedule 設定の永続化を実装します。
TimeZone オプションを処理します。
Silverlight アプリケーションを作成します。

SilverlightXamScheduleApp という名前の Silverlight アプリケーションを作成
Silverlight アプリケーションを ASP.NET ウエブアプリケーションにホストする必要はありません。デモはビュー、xamScheduleDataManager、および ListScheduleDataConnector に対する xamSchedule 機能を公開します。

Resources、ResourceCalendars、および Appointments にメンバーを持つ ViewModel を作成

ResourceInfo、ResourceCalendarInfo、および AppointmentInfo クラスを作成します。xamSchedule スイートの Resource、ResourceCalendar、および Appointment クラスに必要なプロパティによって、このクラスはプロパティを公開します。このサンプルでは、ViewModel に公開されるデータソースようのカスタムクラスがあります。

ListScheduleDataConnector および WcfScheduleDataConnector クラスは、データソースオブジェクトと xamSchedule オブジェクト間のプロパティのマッピングをサポートします (Resources、Calendars および Activities など)。これは、オンラインヘルプ「バックエンドデータソースでフィールドをマップ」で説明しています。

以下はデータソースクラスのコードです。

ResourceInfo クラス：

public class ResourceInfo : BaseViewModel

{

 

#region Properties

 

#region DaySettingsOverrides

private string _daySettingsOverrides;

 

public string DaySettingsOverrides

{

get { return _daySettingsOverrides; }

set

{

_daySettingsOverrides = value;

OnPropertyChanged("DaySettingsOverrides");

}

}

#endregion //DaySettingsOverrides

 

#region DaysOfWeek

private string _daysOfWeek;

 

public string DaysOfWeek

{

get { return _daysOfWeek; }

set

{

_daysOfWeek = value;

OnPropertyChanged("DaysOfWeek");

}

}

#endregion //DaysOfWeek

 

#region Description

private string _description;

 

public string Description

{

get { return _description; }

set

{

_description = value;

OnPropertyChanged("Description");

}

}

#endregion //Description

 

#region EmailAddress

private string _emailAddress;

 

public string EmailAddress

{

get { return _emailAddress; }

set

{

_emailAddress = value;

OnPropertyChanged("EmailAddress");

}

}

#endregion //EmailAddress

 

#region FirstDayOfWeek

private Nullable<byte> _firstDayOfWeek;

 

public Nullable<byte> FirstDayOfWeek

{

get { return _firstDayOfWeek; }

set

{

_firstDayOfWeek = value;

OnPropertyChanged("FirstDayOfWeek");

}

}

#endregion //FirstDayOfWeek

 

#region Id

private string _id;

 

public string Id

{

get { return _id; }

set

{

_id = value;

OnPropertyChanged("Id");

}

 

}

#endregion //Id

 

#region IsLocked

private string _isLocked;

 

public string IsLocked

{

get { return _isLocked; }

set

{

_isLocked = value;

OnPropertyChanged("IsLocked");

}

}

#endregion //IsLocked

 

#region IsVisible

private string _isVisible;

 

public string IsVisible

{

get { return _isVisible; }

set

{

_isVisible = value;

OnPropertyChanged("IsVisible");

}

}

#endregion //IsVisible

 

#region Name

private string _name;

 

public string Name

{

get { return _name; }

set

{

_name = value;

OnPropertyChanged("Name");

}

}

#endregion //Name

 

#region PrimaryCalendarId

private string _primaryCalendarId;

 

public string PrimaryCalendarId

{

get { return _primaryCalendarId; }

set

{

_primaryCalendarId = value;

OnPropertyChanged("PrimaryCalendarId");

}

}

#endregion //PrimaryCalendarId

 

#region PrimaryTimeZoneId

private string _primaryTimeZoneId;

 

public string PrimaryTimeZoneId

{

get { return _primaryTimeZoneId; }

set

{

_primaryTimeZoneId = value;

OnPropertyChanged("PrimaryTimeZoneId");

}

}

#endregion //PrimaryTimeZoneId 

 

#endregion //Properties

}

ResourceCalendarInfo クラス：

public class ResourceCalendarInfo: BaseViewModel

{

 

#region Proeprties

 

#region BaseColor

private Nullable<int> _baseColor;

 

public Nullable<int> BaseColor

{

get { return _baseColor; }

set

{

_baseColor = value;

OnPropertyChanged("BaseColor");

}

}

#endregion //BaseColor

 

#region Description

private string _description;

 

public string Description

{

get { return _description; }

set

{

_description = value;

OnPropertyChanged("Description");

 

}

}

#endregion //Description

 

#region Id

private string _id;

 

public string Id

{

get { return _id; }

set

{

_id = value;

OnPropertyChanged("Id");

}

 

}

#endregion //Id

 

#region IsVisible

private string _isVisible;

 

public string IsVisible

{

get { return _isVisible; }

set

{

_isVisible = value;

OnPropertyChanged("IsVisible");

}

}

#endregion //IsVisible

 

#region Name

private string _name;

 

public string Name

{

get { return _name; }

set

{

_name = value;

OnPropertyChanged("Name");

}

}

#endregion //Name

 

#region OwningResourceId

private string _owningResourceId;

 

public string OwningResourceId

{

get { return _owningResourceId; }

set

{

_owningResourceId = value;

OnPropertyChanged("OwningResourceId");

}

}

#endregion //OwningResourceId

 

#region UnmappedProperties

private string _unmappedProperties;

 

public string UnmappedProperties

{

get { return _unmappedProperties; }

set { _unmappedProperties = value; }

}

#endregion //UnmappedProperties 

 

#endregion //Proeprties

 

}

AppointmentInfo クラス：

public class AppointmentInfo : BaseViewModel

{

 

#region Properties

 

#region Description

/// <summary>

/// local variable _description

/// </summary>

private string _description;

 

/// <summary>

/// Identifies the Description property.

/// </summary> 

public string Description

{

get { return _description; }

set

{

_description = value;

OnPropertyChanged("Description");

}

}

#endregion //Description

 

#region End

 

/// <summary>

/// local variable _end

/// </summary>

private DateTime _end; // = DateTime.Now;

 

/// <summary>

/// Identifies the End property.

/// </summary> 

public DateTime End

{

get { return _end; }

set

{

_end = value;

OnPropertyChanged("End");

}

}

#endregion //End

 

#region EndTimeZoneId

/// <summary>

/// local variable _endTimeZoneId

/// </summary>

private string _endTimeZoneId;

 

/// <summary>

/// Identifies the EndTimeZoneId property.

/// </summary> 

public string EndTimeZoneId

{

get { return _endTimeZoneId; }

set

{

_endTimeZoneId = value;

OnPropertyChanged("EndTimeZoneId");

}

}

#endregion //EndTimeZoneId

 

#region Id

/// <summary>

/// local variable _id

/// </summary>

private string _id;

 

/// <summary>

/// Identifies the Id property.

/// </summary> 

public string Id

{

get { return _id; }

set

{

_id = value;

OnPropertyChanged("Id");

}

}

#endregion //Id

 

#region IsLocked

/// <summary>

/// local variable _myVar

/// </summary>

private Nullable<bool> _isLocked = true;

 

/// <summary>

/// Identifies the IsLocked property.

/// </summary> 

public Nullable<bool> IsLocked

{

get { return _isLocked; }

set

{

_isLocked = value;

OnPropertyChanged("IsLocked");

}

}

#endregion //IsLocked

 

#region IsOccurrenceDeleted

/// <summary>

/// local variable _isOccurrenceDeleted

/// </summary>

private Nullable<bool> _isOccurrenceDeleted;

 

/// <summary>

/// Identifies the IsOccurrenceDeleted property.

/// </summary> 

public Nullable<bool> IsOccurrenceDeleted

{

get { return _isOccurrenceDeleted; }

set

{

_isOccurrenceDeleted = value;

OnPropertyChanged("IsOccurrenceDeleted");

}

}

#endregion //IsOccurrenceDeleted

 

#region IsTimeZoneNeutral

/// <summary>

/// local variable _isTimeZoneNeutral

/// </summary>

private bool _isTimeZoneNeutral;

 

/// <summary>

/// Identifies the IsTimeZoneNeutral property.

/// </summary> 

public bool IsTimeZoneNeutral

{

get { return _isTimeZoneNeutral; }

set

{

_isTimeZoneNeutral = value;

OnPropertyChanged("IsTimeZoneNeutral");

}

}

#endregion //IsTimeZoneNeutral

 

#region IsVisible

/// <summary>

/// local variable _isVisible

/// </summary>

private Nullable<bool> _isVisible;

 

/// <summary>

/// Identifies the IsVisible property.

/// </summary> 

public Nullable<bool> IsVisible

{

get { return _isVisible; }

set

{

_isVisible = value;

OnPropertyChanged("IsVisible");

}

}

#endregion //IsVisible

 

#region Location

/// <summary>

/// local variable _location

/// </summary>

private string _location;

 

/// <summary>

/// Identifies the Location property.

/// </summary> 

public string Location

{

get { return _location; }

set

{

_location = value;

OnPropertyChanged("Location");

}

}

#endregion //Location

 

#region MaxOccurrenceDateTime

/// <summary>

/// local variable _mxOccurrenceDateTime

/// </summary>

private Nullable<DateTime> _mxOccurrenceDateTime;

 

/// <summary>

/// Identifies the MaxOccurrenceDateTime property.

/// </summary> 

public Nullable<DateTime> MaxOccurrenceDateTime

{

get { return _mxOccurrenceDateTime; }

set

{

_mxOccurrenceDateTime = value;

OnPropertyChanged("MaxOccurrenceDateTime");

}

}

#endregion //MaxOccurrenceDateTime

 

#region OriginalOccurrenceEnd

 

/// <summary>

/// local variable _originalOccurrenceEnd

/// </summary>

private DateTime _originalOccurrenceEnd; // = DateTime.Now;

 

/// <summary>

/// Identifies the OriginalOccurrenceEnd property.

/// </summary> 

public DateTime OriginalOccurrenceEnd

{

get { return _originalOccurrenceEnd; }

set

{

_originalOccurrenceEnd = value;

OnPropertyChanged("OriginalOccurrenceEnd");

}

}

#endregion //OriginalOccurrenceEnd

 

#region OriginalOccurrenceStart

 

/// <summary>

/// local variable _originalOccurrenceStart

/// </summary>

private DateTime _originalOccurrenceStart; // = DateTime.Now;

 

/// <summary>

/// Identifies the OriginalOccurrenceStart property.

/// </summary> 

public DateTime OriginalOccurrenceStart

{

get { return _originalOccurrenceStart; }

set

{

_originalOccurrenceStart = value;

OnPropertyChanged("OriginalOccurrenceStart");

}

}

#endregion //OriginalOccurrenceStart

 

#region OwningCalendarId

/// <summary>

/// local variable _owningCalendarId

/// </summary>

private string _owningCalendarId;

 

/// <summary>

/// Identifies the OwningCalendarId property.

/// </summary> 

public string OwningCalendarId

{

get { return _owningCalendarId; }

set

{

_owningCalendarId = value;

OnPropertyChanged("OwningCalendarId");

}

}

#endregion //OwningCalendarId

 

#region OwningResourceId

/// <summary>

/// local variable _owningResourceId

/// </summary>

private string _owningResourceId;

 

/// <summary>

/// Identifies the OwningResourceId property.

/// </summary> 

public string OwningResourceId

{

get { return _owningResourceId; }

set

{

_owningResourceId = value;

OnPropertyChanged("OwningResourceId");

}

}

#endregion //OwningResourceId

 

#region Recurrence

/// <summary>

/// local variable _recurrence

/// </summary>

private string _recurrence;

 

/// <summary>

/// Identifies the Recurrence property.

/// </summary> 

public string Recurrence

{

get { return _recurrence; }

set

{

_recurrence = value;

OnPropertyChanged("Recurrence");

}

}

#endregion //Recurrence

 

#region RecurrenceVersion

/// <summary>

/// local variable _recurrenceVersion

/// </summary>

private Nullable<int> _recurrenceVersion;

 

/// <summary>

/// Identifies the RecurrenceVersion property.

/// </summary> 

public Nullable<int> RecurrenceVersion

{

get { return _recurrenceVersion; }

set

{

_recurrenceVersion = value;

OnPropertyChanged("RecurrenceVersion");

}

}

#endregion //RecurrenceVersion

 

#region Reminder

/// <summary>

/// local variable _reminder

/// </summary>

private string _reminder;

 

/// <summary>

/// Identifies the Reminder property.

/// </summary> 

public string Reminder

{

get { return _reminder; }

set

{

_reminder = value;

OnPropertyChanged("Reminder");

}

}

#endregion //Reminder

 

#region ReminderEnabled

/// <summary>

/// local variable _reminderEnabled

/// </summary>

private Nullable<bool> _reminderEnabled;

 

/// <summary>

/// Identifies the ReminderEnabled property.

/// </summary> 

public Nullable<bool> ReminderEnabled

{

get { return _reminderEnabled; }

set

{

_reminderEnabled = value;

OnPropertyChanged("ReminderEnabled");

}

}

#endregion //ReminderEnabled

 

#region ReminderInterval

/// <summary>

/// local variable _ReminderInterval

/// </summary>

private TimeSpan _reminderInterval;

 

/// <summary>

/// Identifies the ReminderInterval property.

/// </summary> 

public TimeSpan ReminderInterval

{

get { return _reminderInterval; }

set

{

_reminderInterval = value;

OnPropertyChanged("ReminderInterval");

}

}

#endregion //ReminderInterval

 

#region RootActivityId

/// <summary>

/// local variable _rootActivityId

/// </summary>

private string _rootActivityId;

 

/// <summary>

/// Identifies the RootActivityId property.

/// </summary> 

public string RootActivityId

{

get { return _rootActivityId; }

set

{

_rootActivityId = value;

OnPropertyChanged("RootActivityId");

}

}

#endregion //RootActivityId

 

#region Start

 

/// <summary>

/// local variable _start

/// </summary>

private DateTime _start; // = DateTime.Now;

 

/// <summary>

/// Identifies the Start property.

/// </summary> 

public DateTime Start

{

get { return _start; }

set

{

_start = value;

OnPropertyChanged("Start");

}

}

#endregion //Start

 

#region StartTimeZoneId

/// <summary>

/// local variable _startTimeZoneId

/// </summary>

private string _startTimeZoneId;

 

/// <summary>

/// Identifies the StartTimeZoneId property.

/// </summary> 

public string StartTimeZoneId

{

get { return _startTimeZoneId; }

set

{

_startTimeZoneId = value;

OnPropertyChanged("StartTimeZoneId");

}

}

#endregion //StartTimeZoneId

 

#region Subject

/// <summary>

/// local variable _myVar

/// </summary>

private string _subject;

 

/// <summary>

/// Identifies the Subject property.

/// </summary> 

public string Subject

{

get { return _subject; }

set

{

_subject = value;

OnPropertyChanged("Subject");

}

}

#endregion //Subject

 

#region UnmappedProperties

/// <summary>

/// local variable _unmappedProperties

/// </summary>

private string _unmappedProperties;

 

/// <summary>

/// Identifies the UnmappedProperties property.

/// </summary> 

public string UnmappedProperties

{

get { return _unmappedProperties; }

set

{

_unmappedProperties = value;

OnPropertyChanged("UnmappedProperties");

}

}

#endregion //UnmappedProperties

 

#region VariantProperties

/// <summary>

/// local variable _variantProperties

/// </summary>

private Nullable<long> _variantProperties;

 

/// <summary>

/// Identifies the VariantProperties property.

/// </summary> 

public Nullable<long> VariantProperties

{

get { return _variantProperties; }

set

{

_variantProperties = value;

OnPropertyChanged("VariantProperties");

}

}

#endregion //VariantProperties 

 

#endregion //Properties

 

}

xamSchedule スイートに必要なコレクション (リソースのデータ、リソース予定表、予定) を含むクラスを作成します。ScheduleViewModel という名前をつけます。このサンプルでは使用されませんが、タスクおよびログ (メモ) のデータも処理できます。

public class ScheduleViewModel : BaseViewModel

{

 

#region Construtors

public ScheduleViewModel()

{

}

 

public ScheduleViewModel(string currentUserId, string currentUserName, string currentUserCalendarId)

{

Resources.Add(new ResourceInfo

{

Id = currentUserId,

Name = currentUserName

 

});

 

ResourceCalendars.Add(new ResourceCalendarInfo

{

Id = currentUserCalendarId,

OwningResourceId = currentUserId

});

 

this.CurrentResourceCalendar = this.ResourceCalendars[0];

 

}

#endregion //Construtors

 

#region Properties

 

#region Appointments

private ObservableCollection<AppointmentInfo> _appointments = new ObservableCollection<AppointmentInfo>();

public ObservableCollection<AppointmentInfo> Appointments

{

get { return _appointments; }

set

{

_appointments = value;

OnPropertyChanged("Appointments");

}

}

#endregion //Appointments

 

#region CalendarDisplayMode

/// <summary>

/// local variable _CalendarDisplayMode 

/// </summary>

private CalendarDisplayMode _calendarDisplayMode = CalendarDisplayMode.Separate;

 

/// <summary>

/// Identifies the CalendarDisplayMode property.

/// </summary> 

public CalendarDisplayMode CalendarDisplayMode

{

get { return _calendarDisplayMode; }

set

{

_calendarDisplayMode = value;

OnPropertyChanged("CalendarDisplayMode ");

}

}

#endregion //CalendarDisplayMode

 

#region CurrentResourceCalendar

private ResourceCalendarInfo _currentResourceCalendar = new ResourceCalendarInfo();

[System.Xml.Serialization.XmlIgnoreAttribute]

public ResourceCalendarInfo CurrentResourceCalendar

{

get { return _currentResourceCalendar; }

set

{

_currentResourceCalendar = value;

OnPropertyChanged("CurrentResourceCalendar");

}

}

#endregion //CurrentResourceCalendar

 

#region Resources

private ObservableCollection<ResourceInfo> _resources = new ObservableCollection<ResourceInfo>();

public ObservableCollection<ResourceInfo> Resources

{

get { return _resources; }

set

{

_resources = value;

OnPropertyChanged("Resources");

}

}

#endregion //Resources

 

#region ResourceCalendars

private ObservableCollection<ResourceCalendarInfo> _resourceCalendars = new ObservableCollection<ResourceCalendarInfo>();

public ObservableCollection<ResourceCalendarInfo> ResourceCalendars

{

get { return _resourceCalendars; }

set

{

_resourceCalendars = value;

OnPropertyChanged("ResourceCalendars");

}

}

#endregion //ResourceCalendars 

 

#endregion //Properties

 

}

ListScheduleDataConnector を追加し、マッピングフィールドを設定します。

MainPage.xaml に ListScheduleDataConnector を追加します。

<ig:ListScheduleDataConnector HorizontalAlignment="Left" Name="listScheduleDataConnector1" VerticalAlignment="Top"

ResourceItemsSource="{Binding Resources, Mode=TwoWay}" Loaded="ListScheduleDataConnector1Loaded"

ResourceCalendarItemsSource="{Binding ResourceCalendars, Mode=TwoWay}"

AppointmentItemsSource="{Binding Appointments, Mode=TwoWay}">

<ig:ListScheduleDataConnector.ResourcePropertyMappings>

<ig:ResourcePropertyMappingCollection UseDefaultMappings="True"/>

</ig:ListScheduleDataConnector.ResourcePropertyMappings>

<ig:ListScheduleDataConnector.ResourceCalendarPropertyMappings>

<ig:ResourceCalendarPropertyMappingCollection UseDefaultMappings="True"/>

</ig:ListScheduleDataConnector.ResourceCalendarPropertyMappings>

<ig:ListScheduleDataConnector.AppointmentPropertyMappings>

<ig:AppointmentPropertyMappingCollection UseDefaultMappings="True"/>

</ig:ListScheduleDataConnector.AppointmentPropertyMappings>

</ig:ListScheduleDataConnector>

ResourcePropertyMappings、ResourceCaendarPropertyMappings 、および AppointmentPropertyMappings を使用することによって、データソースオブジェクトと xamSchedule オブジェクトのプロパティをマッピングします。サンプルでは、データソースオブジェクトおよび xamSchedule オブジェクトは同じ名前を使用しているのでデフォルトマッピングを使用します。

xamScheduleDataManager を追加します。

XAML に xamScheduleDataManager を追加し、DataConnector のような ListScheduleDataConnector インスタンスを設定します。

<ig:XamScheduleDataManager HorizontalAlignment="Left" Name="xamScheduleDataManager1" CurrentUserId="currentUser"

VerticalAlignment="Top" DataConnector="{Binding ElementName=listScheduleDataConnector1}" >

<ig:XamScheduleDataManager.Settings>

<ig:ScheduleSettings>

<ig:ScheduleSettings.AppointmentSettings>

<ig:AppointmentSettings AllowEdit="False" AllowDragging="No" AllowResizing="No"/>

</ig:ScheduleSettings.AppointmentSettings>

</ig:ScheduleSettings>

</ig:XamScheduleDataManager.Settings>

</ig:XamScheduleDataManager>

アクティビティ動作 (このサンプルでは AppointmentSettings) のために Settings プロパティの設定も可能です。設定の編集ができなくなります。

xamDayView、xamScheduleView、および xamMonthView、スケジュールスイートから UI コンポーネントを追加します。

アプリケーションに別のビューを提供するには、xamDayView、xamScheduleView、および xamMonthView コンポーネントを追加します。

<ig:XamDayView HorizontalAlignment="Stretch" Name="xamDayView1" VerticalAlignment="Stretch"

DataManager="{Binding ElementName=xamScheduleDataManager1}" MultiDayActivityAreaVisibility="Visible" />

<ig:XamScheduleView HorizontalAlignment="Stretch" Name="xamScheduleView1" VerticalAlignment="Stretch"

DataManager="{Binding ElementName=xamScheduleDataManager1}" Visibility="Collapsed" />

<ig:XamMonthView HorizontalAlignment="Stretch" Name="xamMonthView1" VerticalAlignment="Stretch"

DataManager="{Binding ElementName=xamScheduleDataManager1}" Visibility="Collapsed" />

<ig:XamOutlookBar Grid.Column="1" HorizontalAlignment="Stretch" Name="xamOutlookBar1" VerticalAlignment="Stretch">

xamDayView、xamScheduleView、および xamMonthView から常に 1 つのビューのみ表示します。
ビューを変更するためには、ビューを切り替えるロジックが追加されたリストボックスを実装します。

<ListBox x:Name="ListScheduleViews" Margin="0 0 0 -2" SelectionMode="Single" SelectionChanged="ListScheduleViews_SelectionChanged">

<ListBox.ItemsPanel>

<ItemsPanelTemplate>

<StackPanel Orientation="Vertical" Margin="0" Width="150" />

</ItemsPanelTemplate>

</ListBox.ItemsPanel>

<ListBoxItem x:Name="DayViewItem" Content="Day View" Tag="DayView" Margin="0 0 10 0" IsSelected="True" />

<ListBoxItem x:Name="ScheduleViewItem" Content="Schedule View" Tag="ScheduleView" Margin="0 0 10 0" IsSelected="False" />

<ListBoxItem x:Name="MonthViewItem" Content="Month View" Tag="MonthView" Margin="0 0 10 0" IsSelected="False" />

</ListBox>

ビューの表示/非表示を切り替えるための C# コード。

#region ListScheduleViews_SelectionChanged

private void ListScheduleViews_SelectionChanged(object sender, SelectionChangedEventArgs e)

{

ListBoxItem item = e.AddedItems[0] as ListBoxItem;

if (item != null)

{

SetScheduleMode(item.Tag.ToString());

}

}

#endregion //ListScheduleViews_SelectionChanged

 

#region SetScheduleMode

private void SetScheduleMode(string viewName)

{

if (this.xamDayView1 == null || this.xamMonthView1 == null || this.xamScheduleView1 == null)

{

return;

}

 

switch (viewName)

{

case "DayView":

this.xamDayView1.Visibility = System.Windows.Visibility.Visible;

this.xamMonthView1.Visibility = System.Windows.Visibility.Collapsed;

this.xamScheduleView1.Visibility = System.Windows.Visibility.Collapsed;

break;

case "ScheduleView":

this.xamDayView1.Visibility = System.Windows.Visibility.Collapsed;

this.xamMonthView1.Visibility = System.Windows.Visibility.Collapsed;

this.xamScheduleView1.Visibility = System.Windows.Visibility.Visible;

break;

case "MonthView":

this.xamDayView1.Visibility = System.Windows.Visibility.Collapsed;

this.xamMonthView1.Visibility = System.Windows.Visibility.Visible;

this.xamScheduleView1.Visibility = System.Windows.Visibility.Collapsed;

break;

}

}

#endregion //SetScheduleMode

複数予定表のサポートを実装します。

要件によって別の予定表を使用することがあります。
リソースに複数の予定表を表示するためには、同じ予定表グループに予定表を追加する必要があります。

デフォルトでは、CalendarResource を追加すると、別のグループに追加されます。

ScheduleViewModel scheduleViewModel;

…..

ResourceCalendarInfo calendar = new ResourceCalendarInfo();

…

_scheduleViewModel.ResourceCalendars.Add(calendar);

この式では新しいグループに予定表を追加します。

以下のサンプルでは、同じグループに他のカレンダーを追加します。

#region InitResourceCalendar

private void InitResourceCalendar(ResourceCalendarInfo calendar)

{

 

var resource = xamScheduleDataManager1.ResourceItems.GetResourceFromId(this._scheduleViewModel.Resources[0].Id);

 

if (resource == null)

{

return;

}

 

ResourceCalendar calendar2 = resource.Calendars.First(c => c.Id == calendar.Id);

 

CalendarGroup groupWithCalendarAdded =

xamScheduleDataManager1.CalendarGroups.FirstOrDefault(cg => cg.Calendars.Contains(calendar2));

if (groupWithCalendarAdded != null)

{

groupWithCalendarAdded.Calendars.Remove(calendar2);

if (groupWithCalendarAdded.Calendars.Count == 0)

xamScheduleDataManager1.CalendarGroups.Remove(groupWithCalendarAdded);

}

 

CalendarGroup calGroup;

if (xamScheduleDataManager1.CalendarGroups.Count > 0)

{

int index = 0;

calGroup = xamScheduleDataManager1.CalendarGroups[index];

calGroup.Calendars.Add(calendar2);

}

else

{

calGroup = new CalendarGroup();

calGroup.Calendars.Add(calendar2);

xamScheduleDataManager1.CalendarGroups.Add(calGroup);

}

 

}

#endregion //InitResourceCalendar

予定表表示モードのためのランタイムサポートを実装します。

リソースに複数の予定表がある場合、それぞれの予定表を別に表すことも可能です：
Separate、Overlay、または Merged。

xamSchedule ビューの CalendarDisplayMode プロパティの詳細については、ここを参照してください。

以下のサンプルでは、CalendarDisplayMode のすべての列挙型がある ComboBox を追加し、選択変更時に 3 つのビューの CalendarDisplayMode プロパティを変更します。

<ComboBox x:Name="cmbCalendarDisplayMode" Margin="0,10,0,0" Width="140" HorizontalAlignment="Stretch"

ItemsSource="{Binding CalendarDisplayMode, Mode=TwoWay, Converter={StaticResource enumConverter}}"

SelectedItem="{Binding CalendarDisplayMode, Mode=TwoWay}" Foreground="Black" SelectionChanged="CmbCalendarDisplayModeSelectionChanged"/>

以下のコードは、すべてのビューで CalendarDisplayMode プロパティを変更します。

#region CmbCalendarDisplayModeSelectionChanged

private void CmbCalendarDisplayModeSelectionChanged(object sender, SelectionChangedEventArgs e)

{

if (e.AddedItems.Count < 1)

{

return;

}

 

CalendarDisplayMode cmode = (CalendarDisplayMode)e.AddedItems[0];

 

this.xamDayView1.CalendarDisplayMode = cmode;

this.xamScheduleView1.CalendarDisplayMode = cmode;

this.xamMonthView1.CalendarDisplayMode = cmode;

}

#endregion //CmbCalendarDisplayModeSelectionChanged

現在の xamSchedule 設定の永続化を実装します。

接続の問題またはサーバーにデータを提出する前に変更する必要がある場合は、スケジュール設定およびデータをローカルに保持することが可能です。

以下のコードでは、データを分離ストレージに保存し、アプリケーションに読み込みます。

 

#region BtnLoadData_Click

private void BtnLoadData_Click(object sender, RoutedEventArgs e)

{

 

XmlSerializer xs = new XmlSerializer(typeof(ScheduleViewModel));

 

Stream str = new MemoryStream(ReadDataFromStore(IsoFile));

using (StreamReader rd = new StreamReader(str))

{

ScheduleViewModel favourites = xs.Deserialize(rd) as ScheduleViewModel;

if (favourites != null)

{

this._scheduleViewModel.Appointments.Clear();

this._scheduleViewModel.ResourceCalendars.Clear();

 

foreach (ResourceCalendarInfo calInfo in favourites.ResourceCalendars)

{

this._scheduleViewModel.ResourceCalendars.Add(calInfo);

this.InitResourceCalendar(calInfo);

}

 

foreach (AppointmentInfo app in favourites.Appointments)

{

this._scheduleViewModel.Appointments.Add(app);

}

}

}

}

#endregion //BtnLoadData_Click



#region BtnSaveData_Click

private void BtnSaveData_Click(object sender, RoutedEventArgs e)

{

XmlSerializer xs = new XmlSerializer(typeof(ScheduleViewModel));

MemoryStream str = new MemoryStream();

StreamWriter sr = new StreamWriter(str);

xs.Serialize(sr, this._scheduleViewModel);

WriteDataToStore(str.ToArray(), IsoFile);

}

#endregion //BtnSaveData_Click 

 

 

#region ReadDataFromStore

//Reads a file from the Isolated Storage, specified by name

private static byte[] ReadDataFromStore(string fileName)

{

using (var store = IsolatedStorageFile.GetUserStoreForApplication())

{

IsolatedStorageFileStream fileStream;

fileStream = store.OpenFile(fileName, FileMode.Open);

byte[] b = new byte[fileStream.Length];

fileStream.Read(b, 0, (int)fileStream.Length);

fileStream.Close();

return b;

}

}

#endregion //ReadDataFromStore



 

#region WriteDataToStore

// Writes a file to an Isolated IStrorage, specified via its name 

// and content like a byte array

private static void WriteDataToStore(byte[] data, string fileName)

{

if (data == null || data.Length == 0)

return;

using (var store = IsolatedStorageFile.GetUserStoreForApplication())

{

CleanStorage(store);

 

IsolatedStorageFileStream fileStream = store.CreateFile(fileName);

fileStream.Write(data, 0, data.Length);

fileStream.Close();

 

}

}

TimeZone オプションを処理します。

タイムゾーンのサポートは、信頼性のあるスケジュールシステムには不可欠です。

タイムゾーン情報の提供
タイムゾーンの変換を正確に行うには、スケジュールコントロールに各タイムゾーンの基本 UTC オフセットおよびサマータイムの開始時刻と終了時刻を定義するルールを含み、すべてのタイムゾーンについての情報にアクセスする必要があります。

WPF フレームワークは、TimeZoneInfo クラスを介してすべてのタイムゾーンに対してこの情報を提供します。Silveright では、TimeZoneInfo クラスはフレームワークに存在しますが、「ローカル」および「UTC」タイムゾーンの情報を公開するだけです。

以下は xamSchedule のタイムゾーンサポートの詳細になります。

同じサマータイムを使用する領域がいくつかあります。Silverlight フレームワークはユーザーのタイムゾーンを動的に公開しないため、ユーザーにダイアログを表示する必要があります。WPF フレームワークはローカルタイムゾーン ID を公開するためこのような問題はありません。複数のタイムゾーンで 1 つのサマータイムが使用されるので、ユーザーにダイアログを表示する必要はありません。ただし、これらのタイムゾーンでユーザーが「サマータイム設定に時計を自動的に調整する」のチェックを解除した場合、タイムゾーンを選択するダイアログを表示する必要があります。

その場合、アプリケーションを開始したときにダイアログを表示します。

表示しないようにするには、TimeZoneInfoProviderResolved.LocalTimeZoneId の DataConnector に有効なタイムゾーンを設定してください。

#region ListScheduleDataConnector1Loaded

private void ListScheduleDataConnector1Loaded(object sender, RoutedEventArgs e)

{

 

listScheduleDataConnector1.TimeZoneInfoProviderResolved.LocalTimeZoneId = "Jordan Standard Time";

 

}

#endregion //ListScheduleDataConnector1Loaded

アプリケーションをテストしてみましょう。

アプリケーションを起動する：
タイムゾーンが設定されているため、ダイアログウインドウから選択する必要はありません。
デフォルトビューは xamDayView インスタンスです。

xamOutlookBar の右側にある「予定表」グループを選択し、「新規作成」をクリックします。
新しい ResourceCalendar を設定するダイアログウインドウを表示します。
確認ダイアログに続いて新しい ResourceCalendar が画面に追加されます。CalendarDisplayMode が `Separate` です。