0 
      `  // javascript 
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([

          ['I', 1],
          ['D', 2],
          ['S', 3],
          ['Sh', 4],

        ]);`

上記の数値の代わりにこれらの値を渡す必要があります。

<%: ViewBag.QuerySh %></div> <%: ViewBag.QueryI %></div> <%: ViewBag.QueryS %></div>
<%: ViewBag.QueryD %></div>

ちなみに、整数を保持するビューページの値

何かアイデアをください??? !!

前もって感謝します

4

1 に答える 1

1

JavaScript がインラインの場合は、次のことができます。

var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
  ['I', <%: ViewBag.QueryI %>],
  ['D', <%: ViewBag.QueryD %>],
  ['S', <%: ViewBag.QueryS %>],
  ['Sh', <%: ViewBag.QuerySh %>],
]);

ただし、javascript を別の.jsファイルに保存し、値を関連する HTML データ属性に適用して、そこから呼び出すことをお勧めします。

<div class="google_data_table" data-queryi="<%: ViewBag.QueryI %>" data-queryd="<%: ViewBag.QueryD %>" data-querys="<%: ViewBag.QueryS %>" data-querysh="<%: ViewBag.QuerySh %>">
  //Google data table here
</div>

次に、生の JavaScript または js ライブラリ (以下の例では jQuery を使用しています) を使用して、JavaScript ファイルでこれらの値を取得し、適切に適用します。

var $googledatatable = $(".google_data_table");
var queryI = $googledatatable.data("queryi");
var queryD = $googledatatable.data("queryd");
var queryS = $googledatatable.data("querys");
var querySh = $googledatatable.data("querysh");

var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
  ['I', queryI],
  ['D', queryD],
  ['S', queryS],
  ['Sh', querySh],
]);

これはよりすっきりとしており、アプリケーション全体で他のデータ テーブルに JavaScript ロジックを再利用できます。

于 2013-07-03T11:01:11.980 に答える