Question

是否有任何特殊类应用于网格的emptyText？我试着用Firebug检查元素，但发现只有这个：

<div id="gridview-1021" class="x-component x-grid-view x-fit-item x-component-default
 x-unselectable" role="presentation" tabindex="-1" style="-moz-user-select: none; width: 398px; height: 150px;">
There are no items to show in this view.
</div>

似乎没有特殊的类可以识别CSS并将其应用于emptyText。有没有办法添加一个类，或一种特殊的方式来设置空文本的样式？

注意：

我这样做了，对我来说效果很好：

emptyText: '<div style="width:auto; text-align:center; padding-top:50px; color:red; font-weight:bold;">There are no items to show in this view.</div>'

Answer 1

来自Sencha论坛的this post：

代码：

var grid = new Ext.grid.GridPanel({
  cls: 'my-grid',
  ...
});

CSS：

.my-grid .x-grid-empty {text-align: center; padding-top: <nnn>px;}

Answer 2

columns:[{
                header: 'columnName',
                dataIndex: 'dataIndex',
                renderer: function(value, metaData, record, rowIndex) {
                      if (value == '')
                        metaData.tdCls = 'emptyText'; 
                }
}]

你应该定义emptyText css规则。此自定义渲染器应用于特定列

如何将css应用于extjs grid emptytext？

2 个答案: