рендеринг сетки из таблицы: "this.mainBody не определено"

Question

У меня есть статическая 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. В результате возникает ошибка «this.mainBody не определено в ext-all-debug.js» в FireBug, и сетка пуста. 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>

В чем проблема? Большое спасибо.

Answer 1

Код выглядит нормально. Вы уверены, что все включения верны (проверьте вкладку Firebug Net)? Вы уверены, что используемая вами версия Ext поддерживается ux?