Free-jqGrid navButtonAdd buttonColor

Question

使用 free-jqgrid v4.13.1 使用 fontAwesome 时是否有任何参数可以设置按钮颜色？我可以通过设置样式来更改图标颜色，但我想知道navButtonAdd 中是否有参数来设置图标颜色，例如：

.jqGrid("navButtonAdd", {
    iconsOverText: true,
    caption:"<span class='ui-pg-button-text'>Filter</span>",
    buttonicon: "fa-filter",

按钮颜色：“红色”，

        onClickButton: function() {
            InitializeFilterDialog();
            $("#filter-dialog-form").dialog("open");
        },
    title:"Filter",
    position: "first"
})

我知道对于其他图标，我可以这样做：

filterButton.addClass("fa-ban");
filterButton.css("color", "red");

我也想知道 jqGrid 上是否有允许设置默认按钮颜色的参数，例如：

iconSet: "fontAwesome",

iconColor: "蓝色",

.....

Answer 1

这是一个有趣的问题。是的，一切皆有可能！

你需要定义CSS规则

.red {
    color: red;
}

使用

buttonicon: "fa-table red"

而不是buttonicon: "fa-filter"。

见https://jsfiddle.net/OlegKi/7gfhyxgw/3/

要将所有按钮的默认颜色更改为蓝色，您需要定义一些类，例如

.myblue {
    color: blue;
}

然后应该根据现有的"fontAwesome"like 定义新的iconSet

$.jgrid.icons.blueFontAwesome = {
    baseIconSet: "fontAwesome",
    common: "fa myblue",
    nav: {}
};

并使用iconSet: "blueFontAwesome" 而不是iconSet: "fontAwesome"。 s 结果，得到下一个演示中的结果

https://jsfiddle.net/OlegKi/7gfhyxgw/4/

我稍微改变了red颜色的上述规则以提高其优先级：

.ui-pg-div .red {
    color: red;
}

备注：nav: {} 的使用似乎是不必要的。这是必需的，因为我将在接下来的几天修复小错误。问题是：我仅针对特定图标测试了现有 iconSet 的扩展，从未测试过更改 common 类。