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/

不过，我想提出一个建议 - 您可以使用extjs window.

于 2013-11-06T18:09:53.160 回答