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

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

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

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

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

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

関連トピック