用jqgrid中的其他客户图标替换图标

Question

15.3 .我要换图标我想用禁止图标替换关闭图标我使用此代码。但不起作用。

  $('span fa fa-fw fa-ban').removeClass('span fa fa-fw fa-ban').addClass('span fa fa-fw fa-close');

这个演示https://jsfiddle.net/dnfk8hmr/207/

Answer 1

创建网格后无需替换任何图标。取而代之的是，您可以根据现有图标集（例如，基于 iconSet: "fontAwesome"）自定义您自己的图标集并使用它。 The wiki article 提供了此类自定义的示例。针对您的案例修改示例如下

$.jgrid.icons.customFontAwesome = $.extend(true, {},
     $.jgrid.icons.fontAwesome,
     {
         nav: { cancel: "fa-close" },
         actions: { cancel: "fa-close" },
         form: { cancel: "fa-close" }
     }
 );

上面的例子定义了名称为customFontAwesome的新图标集，除了3个图标外，其内容与fontAwesome相同（参见源代码the line），其中fa-ban 默认使用。

之后，您只需将选项 iconSet: "fontAwesome" 替换为 iconSet: "customFontAwesome"，jqGrid 将使用图标。查看修改后的演示https://jsfiddle.net/dnfk8hmr/237/

我在演示中另外更改了覆盖 $.jgrid.showModal 方法的代码片段，如下所示：

 $.extend($.jgrid, {
     showModal: function (h) {
         // properties of h
         //   w: (jQuery object) The modal element
         h.w.css({
             left: "3%", // new left position of ERROR dialog
             top: "3%"   // new top position of ERROR dialog
         });
         h.w.show();
     }
 });

在我看来，这就是你想要的。

用jqgrid中的其他客户图标替换图标

replace icon with other custome icon in jqgrid

javascript

jquery

jqgrid

free-jqgrid