Как применить CSS к сетке extjs emptytext?

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

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

И вы должны определить пустое текстовое правило css.Этот пользовательский рендерер применяется к определенному столбцу

Answer 2

Из этого сообщения на форумах Sencha:

Код:

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

CSS:

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