Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用jqgrid中的其他自定义图标替换图标_Javascript_Jquery_Jqgrid_Free Jqgrid - Fatal编程技术网

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

Javascript 用jqgrid中的其他自定义图标替换图标,javascript,jquery,jqgrid,free-jqgrid,Javascript,Jquery,Jqgrid,Free Jqgrid,15.3.我想要更改图标 我想用禁止图标替换关闭图标 我使用这个代码。但是不要工作 $('span fa fa-fw fa-ban').removeClass('span fa fa-fw fa-ban').addClass('span fa fa-fw fa-close'); 此演示创建网格后,无需替换任何图标。相反,您可以基于现有图标集(例如基于iconSet:“fontAwesome”)自定义自己的图标集并使用它。提供了此类自定义的示例。对您案例的示例修改如下 $.jgrid.ico

15.3.我想要更改图标 我想用禁止图标替换关闭图标 我使用这个代码。但是不要工作

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

此演示创建网格后,无需替换任何图标。相反,您可以基于现有图标集(例如基于
iconSet:“fontAwesome”
)自定义自己的图标集并使用它。提供了此类自定义的示例。对您案例的示例修改如下

$.jgrid.icons.customFontAwesome = $.extend(true, {},
     $.jgrid.icons.fontAwesome,
     {
         nav: { cancel: "fa-close" },
         actions: { cancel: "fa-close" },
         form: { cancel: "fa-close" }
     }
 );
上面的示例定义了名为
customFontAwesome
下的新图标集,其内容与
fontAwesome
(请参阅源代码的部分)相同,但3个图标除外,其中默认使用了
fa-ban

之后,只需将选项
iconSet:“fontAwesome”
替换为
iconSet:“customFontAwesome”
,jqGrid将使用这些图标。查看修改后的演示

在演示中,我还将覆盖
$.jgrid.showmodel
方法的代码片段更改为:

 $.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();
     }
 });

在我看来,这是您以前想要的。

请不要参考外部来源来说明您的问题。这些不是永久性的。其他用户也应该有机会了解您的问题。但是,如果无法再访问该问题,则此操作不起作用。请描述您希望将
fa-ban
替换到
fa-close
?在表单编辑期间,它将在导航栏(作为取消按钮)、操作按钮(作为取消按钮)和添加/编辑表单中使用。你想换哪一个?