2016-05-31 3 views
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> 
+0

これまでに何を試しましたか?いくつかのコードを投稿して質問を洗練してみてください。ありがとう! – GibboK

+0

@dkbあなたの質問の本文にコードを追加します。コメントではありません。誰もコメントでそれを読むつもりはありません – NSNoob

+0

@ NSNoob、ありがとう、完了 このページを参照してください:jsfiddle.net/bhagat_dineshbe2006/th3fuek9、IE上で動作します。静的なHTMLページは動作していません。 – dkb

答えて

関連する問題