腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >是否可以更改jqGrid标题中的展开/折叠按钮图标？

问是否可以更改jqGrid标题中的展开/折叠按钮图标？
EN

Stack Overflow用户

提问于 2012-05-15 23:11:50

回答 2查看 2.2K关注 0票数 1

首先，我将解释上下文。

我有一个有2个或更多网格(jqgrid)的视图，我想在展开/折叠按钮中放一个"X“。

我尝试并最终获得了"X“图标，但在所有网格中，使用以下代码：

 .ui-icon-circle-triangle-n
    {
        background-position: -31px -192px !important;
    }

1-如何在我想要的网格中仅更改展开/折叠按钮的图标？

asp.net

css

jqgrid

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-05-16 00:34:35

让我们假设第一个网格的容器id是grd_asset_container.您可以只使用它来定位一个网格

#grd_asset_container div.ui-jqgrid-titlebar .ui-icon-circle-triangle-n, #grd_asset_container div.ui-jqgrid-titlebar .ui-icon-circle-triangle-s { background-position: -32px -192px !important; }

票数 1

Stack Overflow用户

发布于 2012-05-16 00:34:26

在caption layer的"Close“按钮中，jqGrid使用"ui-icon-circle-triangle-n”和"ui-icon-circle-triangle-s“图标。例如，要将“ui- icon -circle triangle n”图标更改为"ui-icon-closethick“(参见jQuery UI CSS Framework)，您可以执行以下步骤：

您应该直接更改创建网格时图标的初始值。您希望对页面上的所有网格执行此操作，以便可以执行以下

$(".ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span")
    .removeClass("ui-icon-circle-triangle-n")
    .addClass("ui-icon-closethick");

“打开”网格后，你必须更改onHeaderClick回调中的图标：

onHeaderClick: function (gridstate) {
    if (gridstate === "visible") {
      $(this).closest(".ui-jqgrid-view")
          .find(".ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span")
          .removeClass("ui-icon-circle-triangle-n")
          .addClass("ui-icon-closethick");
    }
}

您可以在the demo上查看结果

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10603719

复制

相似问题

问是否可以更改jqGrid标题中的展开/折叠按钮图标？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以更改jqGrid标题中的展开/折叠按钮图标？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以更改jqGrid标题中的展开/折叠按钮图标？
EN