Javascript 用jqgrid中的其他自定义图标替换图标
15.3.我想要更改图标 我想用禁止图标替换关闭图标 我使用这个代码。但是不要工作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
$('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
?在表单编辑期间,它将在导航栏(作为取消按钮)、操作按钮(作为取消按钮)和添加/编辑表单中使用。你想换哪一个?