正如标题所说,我需要从一个网格中隐藏可折叠图像(我在同一个网络中有很多),我不能简单地更改 CSS,因为我的网络中的每个网格都会做同样的事情,我只想要那个网格没有背景图片。
我试图创建一个 css 类background-image: none
并更改 bodyCssClass、baseCls、cls 配置,但我没有获得预期的行为。
任何想法?
编辑1:
网格面板代码:
var grid = new Ext.grid.GridPanel({
id: "gridPanel1",
disableSelection: true,
frame: true,
title: "Centers",
//autoHeight: true,
height: 415,
width: 500,
store: store,
colModel: new Ext.grid.ColumnModel(items),
ctCls: 'noCollapsable',
view: groupingVi,
sm: selectionMod
});
CSS:
.noCollapsable{
background-image: none !important;
}
编辑2:
是的!这和那个例子完全一样(http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/groupgrid.html),但是背景图片在
<div class="x-grid-group-title">Cuisine: CountryX (Y Items)</div>
而且我不知道如何使用 Ext DomHelper 或任何东西来改变这个结构内的那些 div 的 css:
<tr id="gridview-1013-hd-CountryX" class="x-grid-group-hd x-grid-group-hd-collapsed">
<td class="x-grid-cell" colspan="2" style="padding-left:0px;">
<div class="x-grid-cell-inner">
<div class="x-grid-group-title">Cuisine: Country X (Y Items)</div>
</div>
</td>
</tr>
我可以使用第一个 tr 的 id 与其他网格区分开来,但正如我所说,我不知道如何访问这些 div