0

私は単純な ExtJS グリッドを持っていますが、列ヘッダーを表示できないようです。データは問題なく行に表示され、データセット全体が割り当てられたスペースに収まり、余裕があります。グリッドは、それ自体がモーダル ダイアログのソースである div にレンダリングされます。私は何が欠けていますか？

HTML コード:

<div id="wrapperdiv" style="display:none"></div>

ダイアログ コード:

$('#wrapperdiv').dialog({
   title: 'title',
   resizable: false,
   modal: true,
   width: 700,
   height: 300,
   buttons: {
      Close: function () {
         $(this).dialog('close');
      }
   }
});

グリッド コード:

var panel = Ext.create(
   'Ext.grid.Panel',
   {
      border: true,
      autoScroll: true,
      width: 680,
      height: 200,
      layout: 'fit',
      id: 'theGrid',
      renderTo: 'wrapperdiv',
      columns:
      [
         { text: 'Col1', flex: 1, dataIndex: 'col1', hideable: false, sortable: true },
         { text: 'Col2', width: 120, align: 'center', dataIndex: 'col2', hideable: false, sortable: false },
         { text: 'Col3', width: 70, align: 'center', dataIndex: 'col3', hideable: false, sortable: false },
         { text: 'Col4', width: 100, align: 'center', dataIndex: 'col4', hideable: false, sortable: false }
      ],
      store: dataStore
   });
4

1 に答える 1

1

問題なく正常に動作します。

ここでフィドルリンクを確認してください -

http://jsfiddle.net/nGdM3/2/

jquery ダイアログ ボックスを Extjs Grid Panel と組み合わせて使用​​する代わりに、extjs window.

于 2013-11-06T18:09:53.160 に答える