从表中呈现网格:“this.mainBody is undefined”

时间:2010-05-25 12:29:17

标签: extjs

我在页面上有一个静态html表格,我想将其转换为网格;所以我在加载表后应用了这个函数:

function createTable() {

        // create the grid
        var grid = new Ext.ux.grid.TableGrid("tabella-colocazioni", {
            stripeRows: true // stripe alternate rows
        });
        grid.render();
}

我从这里得到了这段代码:http://www.java2s.com/Code/JavaScript/Ext-JS/CreateagridwithfromanexistingunformattedHTMLtable.htm。结果是FireBug上的错误“this.mainBody在ext-all-debug.js上未定义”并且网格为空。表的html代码是这样的:

<table cellspacing="0" id="tabella-colocazioni">
   <thead>
      <tr style="background:#eeeeee;">
         <th>Colocazione</th>
         <th>Frequenza</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>plusquam patria</td>
         <td>1</td>
      </tr>
      <tr>
         <td>patria pietate</td>
         <td>1</td>
      </tr>
      <tr>
         <td>Et patria</td>
         <td>1</td>
      </tr>
      <tr>
         <td>patria prohibet</td>
         <td>1</td>
      </tr>
      <tr>
         <td>Multos patria</td>
         <td>1</td>
      </tr>
      <tr>
         <td>patria reddidit</td>
         <td>1</td>
      </tr>
      <tr>
         <td>patronum patria</td>
         <td>1</td>
      </tr>
      <tr>
         <td>patria moesta</td>
         <td>1</td>
      </tr>
   </tbody>
</table>

有什么问题?非常感谢你。

1 个答案:

答案 0 :(得分:1)

代码看起来很好。您确定所有包含都是正确的(请查看Firebug Net选项卡)?您确定ux支持您正在使用的Ext版本吗?