使用AMD風格創建dojo增強網格

Question

我想創建使用AMD風格的增強網格，但面臨的問題。我爲dojo創建了一個定製版本1.7.1

Enhancedgrid的代碼不會給出任何javascript錯誤。我正在使用的代碼是：

<script data-dojo-config="async: true" src='./dojo/dojo.js'></script> 
<script data-dojo-config="async: true" src='./dojo/mydojo.js'></script> 
<script> 

var dojoConfig = { 
    baseUrl: "./", 
    tlmSiblingOfDojo: false, 
    packages: [ 
     { name: "dojo", location: "dojo" }, 
     { name: "dijit", location: "dijit" }, 
     { name: "dojox", location: "dojox" } 
    ] 
}; 

define(["dojox/grid/EnhancedGrid","dojo/data/ItemFileWriteStore"], function(EnhancedGrid,ItemFileWriteStore){ 
     /*set up data store*/ 
     var data = { 
      identifier: 'id', 
      items: [] 
     }; 
     var data_list = [ 
      { col1: "normal", col2: false, col3: 'But are not followed by two hexadecimal', col4: 29.91}, 
      { col1: "important", col2: false, col3: 'Because a % sign always indicates', col4: 9.33}, 
      { col1: "important", col2: false, col3: 'Signs can be selectively', col4: 19.34} 
     ]; 
     var rows = 60; 
     for(var i=0, l=data_list.length; i<rows; i++){ 
      data.items.push(dojo.mixin({ id: i+1 }, data_list[i%l])); 
     } 
     var store = ItemFileWriteStore({data: data}); 

     /*set up layout*/ 
     var layout = [[ 
      {'name': 'Column 1', 'field': 'id'}, 
      {'name': 'Column 2', 'field': 'col2'}, 
      {'name': 'Column 3', 'field': 'col3', 'width': '230px'}, 
      {'name': 'Column 4', 'field': 'col4', 'width': '230px'} 
    ]]; 

     /*create a new grid:*/ 
     var grid = EnhancedGrid({ 
      id: 'grid', 
      store: store, 
      structure: layout, 
      rowSelector: '20px' 
     }, document.createElement('div')); 

     /*append the new grid to the div*/ 
     dojo.byId("gridDiv").appendChild(grid.domNode); 

     /*Call startup() to render the grid*/ 
    grid.startup(); 
}); 

</script> 

有人指出問題區域。

Answer 1

主要問題：

您使用定義的，而不是需要的功能！代碼不會被執行！

問題二：

您通過使用document.createElement（ 'DIV'）到您的網格！但它期望一個div-id！

這裏是一個工作的jsfiddle：

http://jsfiddle.net/f8Zm7/1/

不要添加僅使用<script>標籤javascript代碼，使用

<script type="text/javascript"></script> 

不要忘記將其關閉。

的的jsfiddle缺少css文件，所以不要指望一個漂亮的網格......