バージョン

ビューの構成 (igScheduler)

目的

このセクションのトピックは、予定表のデータを表示する igScheduler コントロールで使用されるビューについての情報を提供します。

概要

igScheduler コントロールは、「ビュー」と呼ばれる方法でカレンダー情報を表示するために構成できます。ビューの週類は ViewMode オプションを使用して構成できます。

前提条件

トピック 目的
概要 (igScheduler) このトピックでは、機能、構成、要件、テーマなど、igScheduler™ コントロール関連の概念について説明します。
予定の構成 (igScheduler) このトピックは、igScheduler の Appointments DataSource リストを設定して構成する方法を紹介します。
リソースの構成 (igScheduler) このセクションのトピックでは、igScheduler コントロールのリソース概念について説明します。

予定一覧ビュー

このトピックは、igScheduler の予定一覧でデータの表示方法を説明します。

構成

以下の表は、予定一覧の構成可能な要素または動作をオプションにマップします。

要素 説明 オプション
表示日の数 予定一覧で日の数を構成します。 dateRangeInterval

以下の表は、ユーザー操作をコントロールで発生したイベントにマップします。

ユーザー インタラクション 説明 イベント
範囲を変更した後 [前へ] および [次へ] ボタンによって予定一覧ビューの範囲が変更した後に発生されます。 agendaRangeChanged
範囲の変更 [前へ] および [次へ] ボタンによって予定一覧ビューの範囲が変更する前に発生されます。 agendaRangeChanging

月表示

このトピックは、igScheduler の月表示でデータの表示方法を説明します。

構成

以下の表は、月表示の構成可能な要素または動作をオプション/メソッドにマップします。

要素 説明 プロパティ
予定一覧で表示される予定 MonthView の AgendaView で表示される予定のスコープ。 agendaVisibilityType
予定インジケーターのモード MonthView 日で予定が表示されるコンテンツのタイプ。 appointmentMode
予定一覧の表示状態 MonthView で AgendaView の表示状態を制御します。有効な場合、MonthView は、Appointments のリストの上にある選択されている日の Appointments を表示する AgendaView を表示します。 isAgendaVisible
水平方向のセパレーター MonthView の週の間の水平セパレーターの表示状態を制御します。 isHorizontalSeparatorVisibile
次の月の日の表示状態 特定の月の最後の週にある以後の月の日の表示状態を制御します。 isNextMonthShown
以前の月の日の表示状態 特定の月の最初の週にある以前の月の日の表示状態を制御します。 isPreviousMonthShown
日の間の垂直方向のセパレーター MonthView の曜日の間の垂直セパレーターの表示状態を制御します。 isVerticalSeparatorVisibile
曜日名の表示状態 MonthView で曜日名の表示状態を制御します。 isWeekdayVisible
週番号の表示状態 MonthView で週番号の表示状態を制御します。 isWeekNumberVisible
予定一覧と月表示の分割の方向 MonthView および AgendaView が垂直方向または水平方向に分割されるかどうかを決定する方向を制御します。このオプションは、AgendaView が MonthView で表示される場合に使用可能です。 viewSplitOrientation

週表示

このトピックは、igScheduler の週表示でデータの表示方法を説明します。

構成

以下の表は、週表示の構成可能な要素または動作に対応するオプション/メソッドにマップします。

要素 説明 プロパティ
表示モード 週表示はすべての 7 日または稼動日として構成される日のみを表示できます。 weekViewDisplayMode
時間帯の期間 時間帯の期間を構成します。現在 5、6、10、15、30、および 60 分がサポートされます。 timeSlotInterval
稼動日および稼働時間 このビューは、稼働時間または全 24 時間を表示するために構成できます。 workingHoursDisplayMode

日表示

このトピックは、igScheduler の日表示でデータの表示方法を説明します。

構成

以下の表は、日表示の構成可能な要素または動作をオプション/メソッドにマップします。

要素 説明 プロパティ
表示日 日表示で表示される日数を制御できます。現在 1 日から 7 日間がサポートされます。 dayViewNumberOfDays
時間帯の期間 時間帯の期間を構成します。現在 5、6、10、15、30、および 60 分がサポートされます。 timeSlotInterval
稼動日および稼働時間 このビューは、稼働時間または全 24 時間を表示するために構成できます。 workingHoursDisplayMode

関連トピック

トピック 目的
予定の構成 (igScheduler) このトピックは、igScheduler の Appointments DataSource リストを設定して構成する方法を紹介します。
リソースの構成 (igScheduler) このトピックは、予定の Resources リストを追加して構成する方法を紹介します。

オンラインで表示: GitHub