Css ExtJS 4-失焦时的网格列编辑器边框样式
我正在构建一个ExtJS4Web应用程序,我有一个网格,其中一些列有一个文本字段形式的编辑器。但是,在用户单击网格单元之前,该字段不可见 有没有办法在编辑器周围放置边框?到目前为止,我已尝试在列中编辑textfield的fieldStyle属性,如下所示:Css ExtJS 4-失焦时的网格列编辑器边框样式,css,extjs,extjs4,extjs4.2,Css,Extjs,Extjs4,Extjs4.2,我正在构建一个ExtJS4Web应用程序,我有一个网格,其中一些列有一个文本字段形式的编辑器。但是,在用户单击网格单元之前,该字段不可见 有没有办法在编辑器周围放置边框?到目前为止,我已尝试在列中编辑textfield的fieldStyle属性,如下所示: vertical-align: middle; font-size: 17px; font-weight: bold; font-style: italic; font-family: 'Times New Roman'; border: '
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'
}
},
但是,我希望在字段周围有一个边框,即使字段没有焦点。首先,边框的语法不正确。试试“边框:1px纯黑
其次,如果这不起作用,则为此分配一个cls,并通过该类进行操作。当字段处于焦点时,它会起作用,即使字段处于焦点之外,也可能有边框吗?是的。因此,您必须添加一个使用“cls”或“bodyCls”的类,或者有时使用其名为“BodyCSCLASS”的类。。。您必须查看正在使用的特定对象的api。在其上放置一个类名,然后在CSS中添加该类并在其中放置边框。如果出于某种原因需要对其进行调整,则必须使用chrome web开发工具等工具查看dom,并找到需要设置样式的特定元素。。。。。你可以看看这个来了解如何覆盖ext的类(这个框架很痛苦…)
border: 1px solid black;