Question

我想更改jqGrid中的CSS项组。 Documentation在说

当然，如果我们不仅要更改组中的一个CSS项，而且要更改两个或多个CSS项，我们可以使用jQuery扩展来做到这一点：

var my_col_definition  = {
  icon_move : 'ui-icon-arrow-1',
  icon_menu : "ui-icon-pencil"
}
$.extend( $.jgrid.styleUI.jQueryUI.colmenu , my_col_definition );

这部分起作用。但是我想用下一个代码覆盖Bootstrap中的所有图标：

$.extend($.jgrid.styleUI.Bootstrap, {
  common: {
    icon_base: "fa"
  },
  inlinedit: {
    icon_edit_nav: "fa-edit"
  },
  navigator: {
    icon_edit_nav: "fa-edit"
  },
  // ...
});

，并且我的网格停止工作并且不响应任何命令。控制台中没有错误。

有人知道如何以一种优雅的方式解决问题，而不是单独覆盖每个组吗？

Answer 1

使用哪个版本的Guriddo jqGrid和Bootstrap是未知的。我看到您尝试使用fontAwesome。

在最新版本中，您可以通过以下设置使用fontAwesome：

<script>
    $.jgrid.defaults.styleUI = 'Bootstrap4';
    $.jgrid.defaults.iconSet = "fontAwesome";
</script>

并按照this documentation

中的说明指向所需的CSS文件。

您可以按照在代码中进行操作的方式来更改图标，而不会出现问题-我已经测试过了，并且可以正常工作。

无论如何，请准备一个简单的演示来重现问题，以便我们进行调查。

如何在jqGrid中更改CSS项目组

1 个答案: