如何在导航网格中添加标签答案

【问题标题】：How to add label in navgrid如何在导航网格中添加标签
【发布时间】：2013-04-29 11:59:48
【问题描述】：

我使用 jqgrid。我想在导航网格中使用标签和动态更改标签文本。我可以通过 navButtonAdd 添加按钮。如何在 navgrid 中添加标签？

【问题讨论】：

标签： jqgrid

【解决方案1】：

使用 jqGrid navGrid 的caption 属性。正如Wiki 中给出的那样，您可以看到对于现有的 navGrid 按钮，您可以使用属性 addCaption/editCaption 在编辑的情况下和caption 在其他情况下设置标签。作为

caption: "Delete",

由于这是一个字符串值，您可以直接动态分配一个变量来设置标签

【讨论】：

【解决方案2】：

如果您真的需要修改inlineNav 或navGrid 添加的按钮的文本，您必须手动执行此操作，因为jqGrid 对此没有简化功能。

首先您可以使用Internet Explorer 的开发者工具（按F12 启动）、Firebug 或其他工具来检查导航按钮。你会看到类似

每个按钮的id 都是由网格的 id 和一些特定于按钮的后缀构成的。例如inlineNav添加的“编辑”按钮是"list_iledit"，其中"list"是网格的id，后缀"_iledit"有编辑按钮。要稍后更改文本，您可以使用如下代码

var $div = $("#" + grid[0].id + "_iledit>.ui-pg-div");
var $icon = $div.find(">span.ui-icon");

$div.text("edit"); // new text of the button
$div.append($icon);
$div.parent().attr("title", "my custom edit tooltip"); // new tooltip

【讨论】：

感谢您的回答。但我不需要修改按钮的文本。我想添加标签以在 jqgrid 的标题栏中显示 mytext，如标题
@ZSH：对不起，我不明白你的意思。节省我们的时间并附加您使用的代码不是更容易吗？您在“添加标签”下的意思是什么？你是用navGridoptionsedittext、addtext等等还是caption选项navButtonAdd？
我把图片放在我的问题中。
@ZSH：什么是“我的文本”？您是否使用了navButtonAdd 方法？你的代码是什么？您在有关“动态更改标签文本”的问题中写道。您写道您使用了navButtonAdd。您使用了哪些选项？
我可以通过 navButtonAdd 添加按钮。现在我想要“查看 1-10 of 11”这样的标签来显示用户名+描述

【解决方案3】：

你可以这样使用：

.navGrid('#pager_list_1', {
    //other codes
    }).navButtonAdd('#yourpagerId', {
            caption: "Del",
            url: delUrl,
            buttonicon: "ui-icon-trash",
            onClickButton: function (response) {}
            }

【讨论】：