LinearGauge for ASP.NET Web Forms
手順 1:ページへの C1LinearGauge の追加
クイックスタート > 手順 1:ページへの C1LinearGauge の追加

この手順では、Web サイトを作成して設定し、空の C1LinearGauge コントロールを追加します。C1LinearGauge コントロールを Web サイトに追加するには、以下の手順を実行します。

  1. Visual Studio の[ファイル]メニューから、[新規作成プロジェクト]の順に選択します。[新しいプロジェクト]ダイアログボックスが表示されます。
  2. 新しいプロジェクト]ダイアログボックスの左ペインで、言語を展開し、[Web]を選択します。右ペインで、[ASP.NET 空の Web アプリケーション]を選択し、自分のアプリケーションの[名前]を入力して、〈OK〉をクリックします。新しいアプリケーションが作成されます。
  3. ソリューションエクスプローラでプロジェクトを右クリックして、コンテキストメニューから[新しい項目の追加]を選択します。
  4. 参照の追加]ダイアログボックスで、C1.Web.Wijmo.Controls アセンブリを探して選択し、〈OK〉をクリックします。参照が追加されます。
  5. ソリューションエクスプローラでプロジェクトを右クリックして、コンテキストメニューから[新しい項目の追加]を選択します。
  6. 新しい項目の追加]ダイアログボックスで、テンプレートのリストから[Web フォーム]を選択し、項目 Default.aspx に名前を付けて、〈追加〉をクリックします。新しいページが開きます。
  7. ソースビューで、次のマークアップをページの上部に追加し、C1LinearGauge アセンブリを登録します。
    ソースビュー
    コードのコピー
    <%@ Register Assembly="C1.Web.Wijmo.Controls.4" Namespace="C1.Web.Wijmo.Controls.C1LinearGauge" TagPrefix="cc1" %>

    追加したアセンブリに応じて、上記で C1.Web.Wijmo.Controls.4 を C1.Web.Wijmo.Controls.3 に置き換える必要がある場合があります。

  8. マウスをページの最初の <div></div> タグの間に入れて、次のマークアップを追加し、C1LinearGauge コントロールをページに追加します。
    ソースビュー
    コードのコピー
       <cc1:C1LinearGauge ID="C1LinearGauge1" runat="server"></cc1:C1LinearGauge>
  9. アプリケーションを実行し、ページが次のような表示になったことを確認します。

     

この手順では、C1LinearGauge コントロールをフォームに追加しました。ここでは、コントロールは書式設定されていません。クイックスタートの次の手順では、コンテンツをコントロールに追加します。

関連トピック