ExtJS 4 - Редактор столбцов таблицы сетки, когда не в фокусе

Question

Добрый день, я создаю веб-приложение ExtJS4, и у меня есть сетка, в которой некоторые из столбцов имеют редактор в виде текстовых полей. Однако поле не отображается, пока пользователь не нажмет на ячейку сетки.

Есть ли способ разместить границу вокруг редактора? До сих пор я пытался редактирования fieldStyle свойства текстового поля внутри колонны, как, например:

vertical-align: middle; font-size: 17px; font-weight: bold; font-style: italic; font-family: 'Times New Roman'; border: 'black' 

, но это не сработало.

{ 
     xtype: 'gridcolumn', 
     renderer: function(value, metaData, record, rowIndex, colIndex, store, view) { 
       return '<u>' + value + '</u>'; 
     }, 
     height: 30, 
     maxHeight: 30, 
     maxWidth: 100, 
     minHeight: 30, 
     minWidth: 100, 
     width: 100, 
     dataIndex: 'bank', 
     text: 'BANK', 
     editor: { 
       xtype: 'textfield', 
       height: '100%', 
       width: '100%', 
       fieldStyle: 'vertical-align: middle; font-size: 17px; font-weight: bold; font-style: italic; font-family: \'Times New Roman\'; border: \'black\'', 
     emptyText: 'Bank' 
    } 
}, 

Однако визуализатор только возвращает 1 модификацию, и я не знаю, как я могу сделать это вернуть 2 модификации (1 для значения и 1 для границ).

Может ли кто-нибудь помочь мне в моей ситуации? Любая помощь очень ценится, спасибо.

UPDATE Решение ниже работ:

border: 1px solid black; 

Однако, я хочу границу вокруг поля, даже если поле находится вне фокуса.

Answer 1

Ну, вначале синтаксис для границы неверен. Попробуйте «border: 1px solid black»;

Во-вторых, если это не сработает, назначьте cls для этого и сделайте это через этот класс.