Question

美好的一天，我正在构建一个ExtJS4 Web应用程序，我有一个网格，其中一些列具有文本字段形式的编辑器。但是，在用户单击网格单元格之前，该字段不可见。

有没有办法在编辑器周围放置边框？到目前为止，我已经尝试编辑列内文本字段的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表示边框）。

在我的情况下，任何人都可以帮助我吗？非常感谢任何帮助，谢谢。

更新以下解决方案有效：

border: 1px solid black;

但是，即使场不在焦点，我也希望在场地周围有边框。

Answer 1

首先关闭边框的语法是不正确的。试试“border：1px solid black;”

其次，如果这不起作用，为此分配一个cls并通过该类完成。

ExtJS 4 - 离焦时的网格列编辑器边框样式

1 个答案: