Javascript 将可折叠图像隐藏到一个网格中

正如标题所说，我需要从一个网格中隐藏可折叠图像（我在同一个web中有许多），我不能简单地更改css，因为这样我的web中的每个网格都会做相同的操作，我只希望该网格没有背景图像

我试图创建一个带有

背景图像：none

的css类，并更改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
});

.noCollapsable{
    background-image: none !important;
}

css:

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
});

.noCollapsable{
    background-image: none !important;
}

编辑2：

对!！它与该示例（）完全相同，但背景图像位于

 <div class="x-grid-group-title">Cuisine: CountryX (Y Items)</div>

美食：CountryX（Y项）

我不知道如何使用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>

烹饪：国家X（Y项目）

---

在其中，我可以使用第一个tr的id来区分其他网格，但正如我所说的，我不知道如何访问这些div，你可以发布一些代码，因为有更好的方法来实现这一点。但作为猜测

将以下内容指定给网格时会发生什么

baseCls: 'myClass';

然后在你的css中

.myClass{background-image: none !important;}

---

有了这个解决方案（将

#myClass

更改为

.myClass

），所有的背景图像都消失了，包括我不想要的一个，还有标题下的蓝色图像，所以面板看起来不像一个面板：当你说“来自一个网格的图像”时，我有点困惑此页上是否有多个网格，或者您指的是行。您还知道ext“渲染器”吗。ie查看此网格中的图像。这个例子有点复杂。如果你认为这会有帮助的话，我可以发布一些更简单的代码。我有不止一个网格，我不是指行，也许解释不是很好。我不想显示与

groupTextTpl

相邻显示的[+]或[-]符号。这个例子有图像，但问题是我想删除的图像是由ExtJS添加的，它们不是我插入的图标。啊，你的意思是这样的吗。每个网格都有自己的id，即gridview-1013-bd-American。不可折叠。谢谢你的回复。我会把回复放在主要的帖子里，这样更容易理解。