DevExpress の ASPxScheduler での「日」ビュー開始／終了時間表示設定

DevExpress の ASPxScheduler での「日」ビューの開始／終了時間表示設定のサンプルです。

現状の画面デザインはこのようになっています。
今回は予定の「開始／終了時間表示」を表示します。
しかし、設定場所が怪しいと感じていますので、DevExpressのバージョンで結果が違うかもしれません。

＜「日」ビューの開始／終了時間表示設定＞

・「DayView」の「AppointmentDisplayOptions」に「SnapToCellsMode=”Auto”」を設定します。

【スナップモード一覧】
・Auto（表示）
・Always（初期値）
・Never（表示）
・Disabled（表示）
※設定名称と結果が違う。。。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dxwschs:ASPxScheduler ID="ASPxScheduler1" runat="server" 
        AppointmentDataSourceID="XpoDataSource2" ClientIDMode="AutoID" 
        ResourceDataSourceID="XpoDataSource1" Start="2017-08-10" Theme="RedWine" 
        Width="700px" GroupType="Resource">
        <Storage>
            <Appointments AutoRetrieveId="True">
                <Mappings AllDay="ALLDAY" AppointmentId="ID" Description="DESCRIPTION" 
                    End="ENDDATE" Label="LABEL" Location="LOCATION" RecurrenceInfo="RECURRENCEINFO" 
                    ReminderInfo="REMINDERINFO" ResourceId="RESOURCEID" Start="STARTDATE" 
                    Status="STATUS" Subject="SUBJECT" Type="TYPE" />
                <statuses>
                    <dxwschs:AppointmentStatus Color="White" DisplayName="使用予定" 
                        MenuCaption="使用予定(&amp;F)" Type="Free" />
                    <dxwschs:AppointmentStatus Color="99, 198, 76" DisplayName="使用中" 
                        MenuCaption="使用中 (&amp;T)" Type="Tentative" />
                    <dxwschs:AppointmentStatus Color="74, 135, 226" DisplayName="使用完了" 
                        MenuCaption="使用完了(&amp;B)" Type="Busy" />
                    <dxwschs:AppointmentStatus Color="217, 83, 83" DisplayName="使用キャンセル" 
                        MenuCaption="使用キャンセル(&amp;O)" Type="OutOfOffice" />
                </statuses>
                <labels>
                    <dxwschs:AppointmentLabel Color="Window" DisplayName="なし" 
                        MenuCaption="なし(&amp;N)" />
                    <dxwschs:AppointmentLabel Color="255, 194, 190" DisplayName="重要度＿大" 
                        MenuCaption="重要度＿大(&amp;I)" />
                    <dxwschs:AppointmentLabel Color="168, 213, 255" DisplayName="重要度＿中" 
                        MenuCaption="重要度＿中(&amp;B)" />
                    <dxwschs:AppointmentLabel Color="193, 244, 156" DisplayName="重要度＿小" 
                        MenuCaption="重要度＿小(&amp;P)" />
                </labels>
            </Appointments>
            <Resources>
                <Mappings Caption="NAME" ResourceId="ID" />
            </Resources>
        </Storage>
        <Views>
            <DayView DayCount="3" NavigationButtonVisibility="Always" ResourcesPerPage="2" >
                <TimeRulers>
                    <cc1:TimeRuler></cc1:TimeRuler>
                </TimeRulers>
                <AppointmentDisplayOptions ShowRecurrence="False" ShowReminder="False" 
                    SnapToCellsMode="Auto" />
                <DayViewStyles ScrollAreaHeight="500px">
                </DayViewStyles>
            </DayView>
            <WorkWeekView Enabled="False">
                <TimeRulers>
                    <cc1:TimeRuler></cc1:TimeRuler>
                </TimeRulers>
            </WorkWeekView>
            <WeekView Enabled="False">
            </WeekView>
            <MonthView Enabled="False">
            </MonthView>
            <TimelineView Enabled="False">
            </TimelineView>
            <FullWeekView>
                <TimeRulers>
                    <cc1:TimeRuler></cc1:TimeRuler>
                </TimeRulers>
            </FullWeekView>
        </Views>
        <Styles>
            <PopupForm>
                <ModalBackground BackColor="#FFCCFF" Opacity="75">
                </ModalBackground>
            </PopupForm>
        </Styles>
        <OptionsBehavior ShowViewSelector="False" />
    </dxwschs:ASPxScheduler>
</div>
<div>
    <dx:XpoDataSource ID="XpoDataSource1" runat="server" 
        TypeName="Sample_10.SAMPLE.SCHEDULE_MST">
    </dx:XpoDataSource>
    <dx:XpoDataSource ID="XpoDataSource2" runat="server" 
        TypeName="Sample_10.SAMPLE.SCHEDULE_INFO">
    </dx:XpoDataSource>
</div>
</form>

<div>

<dxwschs:ASPxScheduler ID="ASPxScheduler1" runat="server"

AppointmentDataSourceID="XpoDataSource2" ClientIDMode="AutoID"

ResourceDataSourceID="XpoDataSource1" Start="2017-08-10" Theme="RedWine"

Width="700px" GroupType="Resource">

<Mappings AllDay="ALLDAY" AppointmentId="ID" Description="DESCRIPTION"

End="ENDDATE" Label="LABEL" Location="LOCATION" RecurrenceInfo="RECURRENCEINFO"

ReminderInfo="REMINDERINFO" ResourceId="RESOURCEID" Start="STARTDATE"

Status="STATUS" Subject="SUBJECT" Type="TYPE" />

<dxwschs:AppointmentStatus Color="White" DisplayName="使用予定"

MenuCaption="使用予定(&F)" Type="Free" />

<dxwschs:AppointmentStatus Color="99, 198, 76" DisplayName="使用中"

MenuCaption="使用中 (&T)" Type="Tentative" />

<dxwschs:AppointmentStatus Color="74, 135, 226" DisplayName="使用完了"

MenuCaption="使用完了(&B)" Type="Busy" />

<dxwschs:AppointmentStatus Color="217, 83, 83" DisplayName="使用キャンセル"

MenuCaption="使用キャンセル(&O)" Type="OutOfOffice" />

</statuses>

<dxwschs:AppointmentLabel Color="Window" DisplayName="なし"

MenuCaption="なし(&N)" />

<dxwschs:AppointmentLabel Color="255, 194, 190" DisplayName="重要度＿大"

MenuCaption="重要度＿大(&I)" />

<dxwschs:AppointmentLabel Color="168, 213, 255" DisplayName="重要度＿中"

MenuCaption="重要度＿中(&B)" />

<dxwschs:AppointmentLabel Color="193, 244, 156" DisplayName="重要度＿小"

MenuCaption="重要度＿小(&P)" />

</labels>

</Appointments>

</Resources>

</Storage>

<Views>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

<AppointmentDisplayOptions ShowRecurrence="False" ShowReminder="False"

SnapToCellsMode="Auto" />

</DayViewStyles>

</DayView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</WorkWeekView>

</WeekView>

</MonthView>

</TimelineView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</FullWeekView>

</Views>

</ModalBackground>

</PopupForm>

</Styles>

</dxwschs:ASPxScheduler>

</div>

<div>

<dx:XpoDataSource ID="XpoDataSource1" runat="server"

TypeName="Sample_10.SAMPLE.SCHEDULE_MST">

</dx:XpoDataSource>

<dx:XpoDataSource ID="XpoDataSource2" runat="server"

TypeName="Sample_10.SAMPLE.SCHEDULE_INFO">

</dx:XpoDataSource>

</div>

</form>

それでは、実行して動作確認を行います。

↓

無事にスケジュールの「日」ビューの開始／終了時間表示設定が出来ました。

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxScheduler での「日」ビュー開始／終了時間表示設定

関連記事はこちら:

最近の投稿

人気記事