我正在构建一个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;
但是,即使字段没有聚焦,我也希望字段周围有边框。
1条答案
按热度按时间myzjeezk1#
首先,border的语法不正确。请尝试“border:1 px纯黑色;“
其次,如果这样做不起作用,则为此分配一个cls,并通过该类执行此操作。