Jquery jqGrid更改折叠图标

我们使用的是jqGrid版本4.6

我们要更改折叠图标。下面的代码完成了这项工作

$(".ui-icon-circlesmall-plus")
          .removeClass("ui-icon-circlesmall-plus")
          .addClass("ui-icon-arrowstop-1-s");

我应该把这个代码放在哪里

我把它放在了

gridComplete

中

gridComplete: function(){

      $(".ui-icon-circlesmall-plus")
          .removeClass("ui-icon-circlesmall-plus")
          .addClass("ui-icon-arrowstop-1-s");

}

但不起作用，但通过添加超时，代码可以正常工作：

gridComplete: function(){
              setTimeout( function(){
              (".ui-icon-circlesmall-plus")
                .removeClass("ui-icon-circlesmall-plus")
                .addClass("ui-icon-arrowstop-1-s");}, 1000);
        },

示例在，如果删除超时，图标将不会更改

为什么我需要休息？！我触发了坏事件？我的意思是，是否还有其他事件可以消除超时功能的需要

---

有更好的方法吗？

可以使用

groupingView

的

minusicon

和

plusicon

属性来指定用于数据分组的图标。比如说

groupingView: {
    minusicon: "ui-icon-arrowstop-1-n", // "ui-icon-circlesmall-minus"
    plusicon: "ui-icon-arrowstop-1-s",  // "ui-icon-circlesmall-plus"
    groupField: ["ProductName"],
    groupCollapse: true
}

结果如下图所示

查看修改后的演示

我仍然建议您使用fork而不是已经过时的jqGrid 4.6。它拥有全新的完全定制图标系统（请参阅），其中的图标不仅可以是jqueryui图标，还可以是Bootstrap的glyph图标、Font-Awesome图标或任何其他图标。可以看到所有默认设置。您可以使用

iconSet

选项（例如

iconSet:“fontAwesome”

，

iconSet:“glyph”

或默认iconSet:“jQueryUI”）指定您更喜欢使用的图标集。您应该只包含相应的CSS和图标（

font-awome.min.CSS

或

bootstrap.min.CSS

）。您可以轻松地从现有图标集更改任何图标，并以新自定义集的方式定义。例如，可以定义

$.jgrid.icons.customjQueryUI = {
    baseIconSet: "jQueryUI",
    grouping: {
        plus: "ui-icon-arrowstop-1-s", //"ui-icon-circlesmall-plus"
        minus: "ui-icon-arrowstop-1-n" //"ui-icon-circlesmall-minus"
    }
};

并使用

iconSet:“customjQueryUI”

选项。请参阅修改后的演示，它使用jqGrid 4.13.4

只能使用引导的标志符号图标：

$.jgrid.icons.customGlyph = {
    baseIconSet: "glyph",
    grouping: {
        plus: "glyphicon-save", //"glyphicon-expand"
        minus: "glyphicon-open" //"glyphicon-collapse-down"
    }
};

请参见，其中显示

---

您应该始终编写您使用（可以使用）的jqGrid版本以及jqGrid的fok版本。我不能帮你使用Guriddo jqGrid JS。免费的jqGrid也支持引导（参见示例）和引导（glyph）或字体图标。您可以轻松自定义任何图标，但应清除并指定所需内容。没有常见的“折叠图标”。您使用树状网格、子网格还是数据分组？亲爱的Oleg，我已经用JSFIDLE更新了我的答案（感谢引导链接：））谢谢！这是一个新项目，我刚转到