AppView for ASP.NET WebForms
b. カレンダーの作成
チュートリアル > イベント計画アプリケーションの作成 > 手順 2:アプリケーションの Web フォームの作成 > b. カレンダーの作成
  1. Calendar フォルダから、Index.aspx ファイルをダブルクリックして開きます。
  2. 以下のアセンブリ登録を追加します。
    ソースビュー
    コードのコピー
    <%@ Register Assembly="C1.Web.Wijmo.Controls.4" Namespace="C1.Web.Wijmo.Controls.C1EventsCalendar" TagPrefix="cc1" %>
     
    <%@ Register Assembly="C1.Web.Wijmo.Controls.4" Namespace="C1.Web.Wijmo.Controls.C1AppView" TagPrefix="cc1" %>
  3. ページ内の <form> </form> タグに移動します。このタグの間に次のマークアップを挿入します。

    追加するマークアップ

    コードのコピー
    <asp:EntityDataSource ID="EventPlannerEntityDataSource" runat="server"
                OnContextCreating="EventPlannerEntityDataSource_ContextCreating"
                EntitySetName="Events">
          </asp:EntityDataSource>
          <cc1:C1AppViewPage ID="C1AppViewPage1" runat="server" HeaderTitle="Event Calendar">
                <Header ID="Header1" runat="server">
                      <Template>
                            <a href="../Main.aspx" data-icon="back">Back</a>
                            <h2>Event Calendar</h2>
                      </Template>
                </Header>
                <Content ID="Content1" runat="server">
                      <Template>
                            <cc1:C1EventsCalendar ID="C1EventsCalendar1" runat="server">
                                  <DataStorage>
                                        <EventStorage DataSourceID="EventPlannerEntityDataSource">
                                              <Mappings>
                                                    <IdMapping MappingName="Id" />
                                                    <SubjectMapping MappingName="Subject" />
                                                    <StartMapping MappingName="Start" />
                                                    <EndMapping MappingName="End" />
                                                    <LocationMapping MappingName="Location" />
                                                    <DescriptionMapping MappingName="Description" />
                                              </Mappings>
                                        </EventStorage>
                                  </DataStorage>
                            </cc1:C1EventsCalendar>
                      </Template>
                </Content>
          </cc1:C1AppViewPage>
  4. ページを右クリックし、リストから[コードの表示]を選択します。コード内で参照する名前空間を確認します。名前空間は次のようになります。Models への参照では、リストの最後の参照のように、アプリケーション名を使用する必要があります。

    C# コードの書き方

    C#
    コードのコピー
    using System;
    using System.Collections.Generic;
    using System.Data.Entity.Infrastructure;
    using System.Diagnostics;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using YourApplicationName.Models;
  5. Page_Load イベントの下に次のコードを追加します。
    ソースビュー
    コードのコピー
    protected void EventPlannerEntityDataSource_ContextCreating(object sender, EntityDataSourceContextCreatingEventArgs e)
            {
                var db = EventAction.GetEventDb();
                e.Context = (db as IObjectContextAdapter).ObjectContext;
            }
        }