DevExpress の ASPxCalendar での複数表示設定（縦）

DevExpress の ASPxCalendar での複数表示設定（縦）のサンプルです。

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

「ASPxCalendar」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」

＜複数表示設定（縦）＞

「Rows=”3″」に変更します。

【生成PG】

<form id="form1" runat="server">
<div>
    <dx:ASPxCalendar ID="ASPxCalendar1" runat="server" Theme="RedWine" 
        DayNameFormat="Full" HighlightToday="False" SelectedDate="2016-01-01" 
        ShowWeekNumbers="False" ClearButtonText="選択解除" TodayButtonText="本日選択" 
        Caption="日付選択" Font-Bold="False" Columns="2" EnableMultiSelect="True" 
        Rows="3">
        <CaptionSettings HorizontalAlign="Center" Position="Top" ShowColon="False" />
        <CaptionStyle Font-Bold="True" Font-Size="Medium">
        </CaptionStyle>
    </dx:ASPxCalendar>
</div>
</form>

<div>

<dx:ASPxCalendar ID="ASPxCalendar1" runat="server" Theme="RedWine"

DayNameFormat="Full" HighlightToday="False" SelectedDate="2016-01-01"

ShowWeekNumbers="False" ClearButtonText="選択解除" TodayButtonText="本日選択"

Caption="日付選択" Font-Bold="False" Columns="2" EnableMultiSelect="True"

Rows="3">

</CaptionStyle>

</dx:ASPxCalendar>

</div>

</form>

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

↓

無事にカレンダー（ASPxCalendar）の六か月分（2×3）のカレンダー表示になりました。

関連記事はこちら:

DevExpress の日付／時間関連の表示 DevExpress の日付／時間関連の表示です。現状の日付／時間関連は3項目で表示することが可能です。・ASPxCalendar：カレンダー表示で選択・ASPxDateEdit：コンボボックスからカレンダー表示 ......
DevExpress の ASPxCalendar での最小値設定 DevExpress の ASPxCalendar での最小値設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プロパティ画像 ......
DevExpress の ASPxCalendar での開始曜日設定 DevExpress の ASPxCalendar での開始曜日設定のサンプルです。現状の画面デザインはこのようになっています。 ※デフォルトは日曜日から始まります「ASPxCalendar」オブジェクトのプロパティ ......
DevExpress の ASPxCalendar での複数選択有効設定 DevExpress の ASPxCalendar での複数選択有効設定のサンプルです。現状の画面デザインはこのようになっています。 ※デフォルトは単数選択のみ「ASPxCalendar」オブジェクトのプロパティを変 ......
DevExpress の ASPxCalendar での初期表示設定 DevExpress の ASPxCalendar での初期表示設定のサンプルです。今回は、初期表示として「2016/02」を設定します。現状の画面デザインはこのようになっています。 ※デフォルトはシステム月を表示 ......
DevExpress の ASPxCalendar でのタイトル位置設定（縦） DevExpress の ASPxCalendar でのタイトル位置設定（縦）のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プ ......
DevExpress の ASPxCalendar でのタイトル設定 DevExpress の ASPxCalendar でのタイトル設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プロパティ画 ......
DevExpress の ASPxCalendar での週数非表示設定 DevExpress の ASPxCalendar での週数非表示設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プロパティ ......
DevExpress の ASPxCalendar での本日ハイライト削除設定 DevExpress の ASPxCalendar での本日ハイライト削除設定のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更していきます。 ※プ ......
DevExpress の ASPxCalendar のまとめ DevExpress の ASPxCalendar のまとめです。「ASPxCalendar」は、想像通り普通です。使う場面を考えると、企業等の年間勤務カレンダー画面とかでしょう。日付の入力ならば、「ASPxDat ......

投稿タグ: ASPxCalendar

MENU

最近の投稿

人気記事