DevExpress のサンプル作成（ASPxScheduler）＿アクセス「登録、更新、削除」

DevExpress のサンプル作成（ASPxScheduler）手順です。
データベースはアクセスを使用します。

昨日のブログの続きです。
今回はスケジュールをアクセスへ「登録、更新、削除」を行います。

昨日のブログは、「DevExpress のサンプル作成（ASPxScheduler）＿アクセス」を参照して下さい。

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

＜スケジュールをアクセスへ「登録、更新、削除」設定＞
・「スケジュール情報」テーブルのオブジェクト「AccessDataSource2」に対して「登録、更新、削除」の設定を行います。

【登録】
・「InsertQuery」の「…」をクリックして設定画面を表示させます。

↓

・「クエリビルダー」をクリックします。

↓

・「スケジュール情報」を選択して「追加」をクリックします。

↓

・主キーの「ID」以外を選択します。

・登録情報は全てパラメータで行うために「VALUES」は全て「？」を入力し、「OK」をクリックします。

↓

・「パラメーターの追加」で項目数分追加を行います。

↓

※「FormFileld」は下記画像の定義通り

【更新】
・「UpdateQuery」の「…」をクリックして設定画面を表示させます。

↓

・「クエリビルダー」をクリックします。

↓

・「スケジュール情報」を選択して「追加」をクリックします。

↓

・主キーの「ID」以外を選択します。

・更新情報は全てパラメータで行うために「SET」は全て「？」、「ID」項目は検索として「= ?」を入力し「OK」をクリックします。

↓

・「パラメーターの追加」で項目数分追加を行います。

↓

※「FormFileld」は下記画像の定義通り

【削除】
・「DeleteQuery」の「…」をクリックして設定画面を表示させます。

↓

・「クエリビルダー」をクリックします。

↓

・「スケジュール情報」を選択して「追加」をクリックします。

↓

・削除情報は「ID」項目を検索として「= ?」を入力し「OK」をクリックします。

↓

・「パラメーターの追加」で「ID」項目を行います。

※「FormFileld」は下記画像の定義通り

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dxwschs:ASPxScheduler ID="ASPxScheduler1" runat="server" 
        AppointmentDataSourceID="AccessDataSource2" ClientIDMode="AutoID" 
        ResourceDataSourceID="AccessDataSource1" Start="2017-08-08">
        <Storage>
            <Appointments AutoRetrieveId="True">
                <Mappings AllDay="終日フラグ" AppointmentId="ID" Description="内容" End="終了日付" 
                    Label="ラベル" Location="場所" RecurrenceInfo="繰り返し情報" ReminderInfo="アラーム情報" 
                    ResourceId="対象ID" Start="開始日付" Status="状況" Subject="件名" Type="タイプ" />
            </Appointments>
            <Resources>
                <Mappings Caption="名前" ResourceId="ID" />
            </Resources>
        </Storage>
        <Views>
            <WeekView Enabled="false">
            </WeekView>
            <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>
    <asp:AccessDataSource ID="AccessDataSource2" runat="server" 
        DataFile="~/App_Data/TestScheduleDB.mdb" 
        SelectCommand="SELECT * FROM [スケジュール情報]" 
        InsertCommand="INSERT INTO スケジュール情報(開始日付, 終了日付, タイプ, 件名, 場所, 内容, 終日フラグ, 状況, ラベル, 対象ID, アラーム情報, 繰り返し情報) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)" 
        
        UpdateCommand="UPDATE スケジュール情報 SET 開始日付 = ?, 終了日付 = ?, タイプ = ?, 件名 = ?, 場所 = ?, 内容 = ?, 終日フラグ = ?, 状況 = ?, ラベル = ?, 対象ID = ?, アラーム情報 = ?, 繰り返し情報 = ? WHERE (ID = ?)" 
        DeleteCommand="DELETE FROM スケジュール情報 WHERE (ID = ?)">
        <DeleteParameters>
            <asp:FormParameter FormField="AppointmentId" Name="ID" />
        </DeleteParameters>
        <InsertParameters>
            <asp:FormParameter FormField="Start" Name="開始日付" />
            <asp:FormParameter FormField="End" Name="終了日付" />
            <asp:FormParameter FormField="Type" Name="タイプ" />
            <asp:FormParameter FormField="Subject" Name="件名" />
            <asp:FormParameter FormField="Location" Name="場所" />
            <asp:FormParameter FormField="Description" Name="内容" />
            <asp:FormParameter FormField="AllDay" Name="終日フラグ" />
            <asp:FormParameter FormField="Status" Name="状況" />
            <asp:FormParameter FormField="Label" Name="ラベル" />
            <asp:FormParameter FormField="ResourceID" Name="対象ID" />
            <asp:FormParameter FormField="ReminderInfo" Name="アラーム情報" />
            <asp:FormParameter FormField="RecurrenceInfo" Name="繰り返し情報" />
        </InsertParameters>
        <UpdateParameters>
            <asp:FormParameter FormField="Start" Name="開始日付" />
            <asp:FormParameter FormField="End" Name="終了日付" />
            <asp:FormParameter FormField="Type" Name="タイプ" />
            <asp:FormParameter FormField="Subject" Name="件名" />
            <asp:FormParameter FormField="Location" Name="場所" />
            <asp:FormParameter FormField="Description" Name="内容" />
            <asp:FormParameter FormField="AllDay" Name="終日フラグ" />
            <asp:FormParameter FormField="Status" Name="状況" />
            <asp:FormParameter FormField="Label" Name="ラベル" />
            <asp:FormParameter FormField="ResourceID" Name="対象ID" />
            <asp:FormParameter FormField="ReminderInfo" Name="アラーム情報" />
            <asp:FormParameter FormField="RecurrenceInfo" Name="繰り返し情報" />
            <asp:FormParameter FormField="AppointmentId" Name="ID" />
        </UpdateParameters>
    </asp:AccessDataSource>
    <asp:AccessDataSource ID="AccessDataSource1" runat="server" 
        DataFile="~/App_Data/TestScheduleDB.mdb" 
        SelectCommand="SELECT * FROM [スケジュールマスタ]"></asp:AccessDataSource>
</div>
</form>

<div>

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

AppointmentDataSourceID="AccessDataSource2" ClientIDMode="AutoID"

ResourceDataSourceID="AccessDataSource1" Start="2017-08-08">

<Mappings AllDay="終日フラグ" AppointmentId="ID" Description="内容" End="終了日付"

Label="ラベル" Location="場所" RecurrenceInfo="繰り返し情報" ReminderInfo="アラーム情報"

ResourceId="対象ID" Start="開始日付" Status="状況" Subject="件名" Type="タイプ" />

</Appointments>

</Resources>

</Storage>

<Views>

</WeekView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</DayView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</WorkWeekView>

<cc1:TimeRuler></cc1:TimeRuler>

</TimeRulers>

</FullWeekView>

</Views>

</dxwschs:ASPxScheduler>

<asp:AccessDataSource ID="AccessDataSource2" runat="server"

DataFile="~/App_Data/TestScheduleDB.mdb"

SelectCommand="SELECT * FROM [スケジュール情報]"

InsertCommand="INSERT INTO スケジュール情報(開始日付, 終了日付, タイプ, 件名, 場所, 内容, 終日フラグ, 状況, ラベル, 対象ID, アラーム情報, 繰り返し情報) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)"

UpdateCommand="UPDATE スケジュール情報 SET 開始日付 = ?, 終了日付 = ?, タイプ = ?, 件名 = ?, 場所 = ?, 内容 = ?, 終日フラグ = ?, 状況 = ?, ラベル = ?, 対象ID = ?, アラーム情報 = ?, 繰り返し情報 = ? WHERE (ID = ?)"

DeleteCommand="DELETE FROM スケジュール情報 WHERE (ID = ?)">

<asp:FormParameter FormField="AppointmentId" Name="ID" />

</DeleteParameters>

<asp:FormParameter FormField="Start" Name="開始日付" />

<asp:FormParameter FormField="End" Name="終了日付" />

<asp:FormParameter FormField="Type" Name="タイプ" />

<asp:FormParameter FormField="Subject" Name="件名" />

<asp:FormParameter FormField="Location" Name="場所" />

<asp:FormParameter FormField="Description" Name="内容" />

<asp:FormParameter FormField="AllDay" Name="終日フラグ" />

<asp:FormParameter FormField="Status" Name="状況" />

<asp:FormParameter FormField="Label" Name="ラベル" />

<asp:FormParameter FormField="ResourceID" Name="対象ID" />

<asp:FormParameter FormField="ReminderInfo" Name="アラーム情報" />

<asp:FormParameter FormField="RecurrenceInfo" Name="繰り返し情報" />

</InsertParameters>

<asp:FormParameter FormField="Start" Name="開始日付" />

<asp:FormParameter FormField="End" Name="終了日付" />

<asp:FormParameter FormField="Type" Name="タイプ" />

<asp:FormParameter FormField="Subject" Name="件名" />

<asp:FormParameter FormField="Location" Name="場所" />

<asp:FormParameter FormField="Description" Name="内容" />

<asp:FormParameter FormField="AllDay" Name="終日フラグ" />

<asp:FormParameter FormField="Status" Name="状況" />

<asp:FormParameter FormField="Label" Name="ラベル" />

<asp:FormParameter FormField="ResourceID" Name="対象ID" />

<asp:FormParameter FormField="ReminderInfo" Name="アラーム情報" />

<asp:FormParameter FormField="RecurrenceInfo" Name="繰り返し情報" />

<asp:FormParameter FormField="AppointmentId" Name="ID" />

</UpdateParameters>

</asp:AccessDataSource>

<asp:AccessDataSource ID="AccessDataSource1" runat="server"

DataFile="~/App_Data/TestScheduleDB.mdb"

SelectCommand="SELECT * FROM [スケジュールマスタ]"></asp:AccessDataSource>

</div>

</form>

それでは、実行して「スケジュール情報」の「登録、更新、削除」動作確認を行います。

【登録動作確認】

↓

・「新しい予定」を登録します。

↓

・登録した予定がスケジュールに反映されました。

↓

・念のためにアクセスを開いて登録情報の確認を行います。

【更新動作確認】

↓

・対象予定を右クリックから「開く」を選択します。

↓

・予定を変更し「OK」をクリックします。

↓

・変更した予定がスケジュールに反映されました。

↓

・念のためにアクセスを開いて更新情報の確認を行います。

【削除動作確認】

↓

・対象予定を右クリックから「削除」を選択します。

↓

・削除した予定がスケジュールに反映されました。

↓

・念のためにアクセスを開いて削除情報の確認を行います。

無事に「スケジュール情報」テーブルの「登録、更新、削除」動作確認が出来ました。

MENU

最近の投稿

人気記事

MENU

DevExpress のサンプル作成（ASPxScheduler）＿アクセス「登録、更新、削除」

関連記事はこちら:

最近の投稿

人気記事