BarChart for ASP.NET WebForms
手順１：アプリケーションの設定
クライアント側チュートリアル > データを条件付きでロードする > 手順１：アプリケーションの設定

この手順では、アプリケーションへの適切なアセンブリ参照の追加、Main.aspx WebForm の追加、クライアント側参照の追加などを行って、アプリケーションを設定します。

  1. アプリケーションを開いたら、ソリューションエクスプローラーで References フォルダを見つけます。そのフォルダを右クリックし、コンテキストメニューから［参照の追加］を選択します。
  2. C1.Web.Wijmo.Controls.4.dll アセンブリ参照を見つけます。そのアセンブリ参照を選択し、［OK］を選択してアプリケーションに追加します。
  3. アプリケーション名を右クリックし、コンテキストメニューから［追加］→［WebForm］を選択します。新しい WebForm に Main という名前を付け、［OK］を選択します。新しい WebForm が開きます。
  4. ページ内の <head> </head> タグを見つけます。タグの間にカーソルを置き、次のクライアント側参照を追加します。
    ソースビュー
    コードのコピー
    <!--jQuery References-->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
    <!--Theme-->
    <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet"
    type="text/css" />
    <!--Wijmo Widgets CSS-->
    <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20133.20.min.css" rel="stylesheet"
    type="text/css" />
    <!--Wijmo Widgets JavaScript-->
    <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20133.20.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20133.20.min.js" type="text/javascript"></script>
  5. この参照の下に、次のスクリプトを追加します。これは、アプリケーションに CSS スタイルを追加します。
    ソースビュー
    コードのコピー 
    <style type="text/css">
            #path
            {
                color: Red;
                border: 1px solid #ddd;
                margin: 10px;
                padding: 0;
            }
        </style>

 

 

Copyright © GrapeCity, Inc. All rights reserved.