DevExpress の ASPxScheduler での幅設定

DevExpress の ASPxScheduler での幅設定のサンプルです。

現状の画面デザインはこのようになっています。

＜幅設定＞

「Width=”800px”」を設定します。

【サンプルプログラム】

<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="800px">
        <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" />
            </Appointments>
            <Resources>
                <Mappings Caption="NAME" ResourceId="ID" />
            </Resources>
        </Storage>
        <Views>
            <DayView>
                <TimeRulers>
                    <cc1:TimeRuler></cc1:TimeRuler>
                </TimeRulers>
            </DayView>
            <WorkWeekView>
                <TimeRulers>
                    <cc1:TimeRuler></cc1:TimeRuler>
                </TimeRulers>
            </WorkWeekView>
            <FullWeekView Enabled="true">
                <TimeRulers>
                    <cc1:TimeRuler></cc1:TimeRuler>
                </TimeRulers>
            </FullWeekView>
        </Views>
    </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="800px">

<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" />

</Appointments>

</Resources>

</Storage>

<Views>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</DayView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</WorkWeekView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</FullWeekView>

</Views>

</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>

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

↓

無事にスケジュールの幅設定が出来ました。

関連記事はこちら:

DevExpress の ASPxScheduler での予定入力画面タイプ設定 DevExpress の ASPxScheduler での予定入力画面タイプ設定のサンプルです。現状の画面デザインはこのようになっています。今回はポップアップ表示を画面遷移表示に変更します。 ※予定入力画面がポップア ......
DevExpress の ASPxDateNavigator でのカレンダー予定あり強調無効設定 DevExpress の ASPxDateNavigator でのカレンダー予定あり強調無効設定のサンプルです。現状の画面デザインはこのようになっています。予定が存在する日にちは太文字で強調されています。＜カレンダ ......
DevExpress の ASPxScheduler でのリソースヘッダー幅設定 DevExpress の ASPxScheduler での「タイムライン」ビューのリソースヘッダー幅設定のサンプルです。現状の画面デザインはこのようになっています。＜「タイムライン」ビューのリソースヘッダー幅設定＞ ......
DevExpress の ASPxScheduler での「タイムライン」ビュータイプ一覧設定 DevExpress の ASPxScheduler での「タイムライン」ビューのタイプ一覧設定のサンプルです。現状の画面デザインはこのようになっています。＜「タイムライン」ビューのタイプ一覧設定＞・「Timeli ......
DevExpress の ASPxScheduler での「月」ビューアラームマーク表示設定 DevExpress の ASPxScheduler での「月」ビューのアラームマーク（アイコン）表示設定のサンプルです。現状の画面デザインはこのようになっています。＜「月」ビューのアラームマーク（アイコン）表示設定 ......
DevExpress の ASPxScheduler での「週」ビュー続きマーク非表示設定 DevExpress の ASPxScheduler での「週」ビューの続きマーク非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜「週」ビューの続きマーク非表示設定＞・「WeekView」の ......
DevExpress の ASPxScheduler での「日」ビューアラームマーク非表示設定 DevExpress の ASPxScheduler での「日」ビューのアラームマーク（アイコン）非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜「日」ビューのアラームマーク（アイコン）非表示 ......
DevExpress の ASPxScheduler での「日」ビュー勤務時間のみ表示設定 DevExpress の ASPxScheduler での「日」ビューの勤務時間のみ表示設定のサンプルです。現状の画面デザインはこのようになっています。＜「日」ビューの勤務時間のみ表示設定＞・「DayView」に「 ......
DevExpress の ASPxScheduler での「日」ビュー無効設定 DevExpress の ASPxScheduler での「日」ビュー無効設定のサンプルです。現状の画面デザインはこのようになっています。＜「日」ビュー無効設定＞・初期表示ビューを「稼働週」にするために「Activ ......
DevExpress の ASPxScheduler でのスケジュール登録画面作成（自作）１ DevExpress の ASPxScheduler でのスケジュール登録画面作成（自作）です。スケジュール登録画面作成（自作）するために下記の７手順が必要になります。１．スケジュール登録画面作成２．スケジュール登 ......

投稿タグ: ASPxScheduler, XpoDataSource

MENU

最近の投稿

人気記事