0
のようにdojoxツールキットを使用してグリッドテーブルを開発したいと思います。 私はthisを紹介しましたが、私のために働いていませんでした。 すべてのcssとjsファイルを明示的にインポートして静的なHTMLページにdojoxグリッドテーブルを作成したいと思います。 私はこれをjqGridテーブルで行っていますが、dojoxグリッドテーブルではできませんでした。 htmlページにdojo.css、claro.cssclaroGrid.css、Grid.css、dojo.jsリソースが追加されました。dojoxデータグリッドテーブルの作成方法
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Demo: dojox.grid.DataGrid View's defaultCell</title>
<link rel="stylesheet" href="./css/dojo.css">
<link rel="stylesheet" href="./css/claro.css">
<link rel="stylesheet" href="./css/claroGrid.css">
<link rel="stylesheet" href="./css/Grid.css">
<script src="./js/dojo.js" type="text/javascript"></script>
</head>
<body class="claro">
<script>
dojo.require('dojox.grid.DataGrid');
dojo.require('dojo.data.ItemFileWriteStore');
dojo.require('dijit.form.Button');
var itemList = [
{alienPop: 320000,humanPop: 56000,planet: 'Zoron'},
{alienPop: 980940,humanPop: 56052,planet: 'Gaxula'},
{alienPop: 200,humanPop: 500,planet: 'Reiutsink'},
];
dojo.addOnLoad(function() {
var itemList = [
{alienPop: 320000,humanPop: 56000,planet: 'Zoron'},
{alienPop: 980940,humanPop: 56052,planet: 'Gaxula'},
{alienPop: 200,humanPop: 500,planet: 'Reiutsink'},
];
var store = new dojo.data.ItemFileWriteStore({
data: {
identifier : 'planet',
items: itemList
}
});
grid.setStore(store);
});
</script>
<table id="myDataGrid" dojoType="dojox.grid.DataGrid" style="width:400px;">
<thead>
<tr><th field="planet" width="33%">Planet</th>
<th field="alienPop" width="33%">Aliens</th>
<th field="humanPop" width="33%">Humans</th>
</tr>
</thead>
</table>
</body>
</html>
これまでに何を試しましたか?いくつかのコードを投稿して質問を洗練してみてください。ありがとう! – GibboK
@dkbあなたの質問の本文にコードを追加します。コメントではありません。誰もコメントでそれを読むつもりはありません – NSNoob
@ NSNoob、ありがとう、完了 このページを参照してください:jsfiddle.net/bhagat_dineshbe2006/th3fuek9、IE上で動作します。静的なHTMLページは動作していません。 – dkb