用jqgrid中的其他自定义图标替换图标

Posted 2021-04-19

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/

答案

创建网格后，您无需替换任何图标。您可以根据现有图标集（例如，基于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的新图标集，其内容与fontAwesome相同（请参阅源代码的the line），但3个图标除外，其中默认使用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();
     }
 });

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