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",

  

buttoncolor：＆＃34;红色＆＃34;，

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

我知道其他图标我可以做类似的事情：

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

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

iconSet: "fontAwesome",

  

iconColor：＆＃34;蓝色＆＃34;，

.....

Answer 1

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

您需要定义CSS规则，如

CREATE TABLE GROUPS
(GROUP_ID INT NOT NULL GENERATED ALWAYS AS IDENTITY 
(START WITH 100, INCREMENT BY 1), ADDRESS VARCHAR(100), PHONE VARCHAR(15));

并使用

.red {
    color: red;
}

而不是buttonicon: "fa-table red" 。

请参阅https://jsfiddle.net/OlegKi/7gfhyxgw/3/

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

buttonicon: "fa-filter"

然后，应根据现有的.myblue { color: blue; }

定义新的iconSet

"fontAwesome"

并使用$.jgrid.icons.blueFontAwesome = { baseIconSet: "fontAwesome", common: "fa myblue", nav: {} }; 代替iconSet: "blueFontAwesome"。结果就像下一个演示一样得到结果

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

我稍微更改了iconSet: "fontAwesome"颜色的上述规则，以提高其优先级：

red

备注：似乎不需要使用.ui-pg-div .red { color: red; } 。它是必需的因为我将在下一天修复的小虫子。问题是：我仅针对特定图标测试了现有iconSet的扩展，并且从未测试过更改nav: {}类。