Question

我有一个简单的ExtJS网格，似乎无法显示列标题。数据显示在行中就好了，整个数据集适合分配的空间，空间有余。网格渲染为div，它本身就是模态对话框的源。我错过了什么？

HTML code：

<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
   });

Answer 1

工作正常，没有任何问题。

点击这里的小提琴链接 -

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

我想提出一个建议 - 而不是使用结合Extjs Grid Panel的jquery对话框，你可以使用extjs window。

ExtJs网格列标题丢失

1 个答案: