Jqgrid 如何在navgrid中添加标签

我使用jqgrid。我想在navgrid中使用标签并动态更改标签文本。 我可以通过NavButtonAd添加按钮。 如何在navgrid中添加标签

---

使用jqGrid navGrid的

标题

属性。如中所示，您可以看到，对于现有的navGrid按钮，您可以在编辑时使用属性

addCaption/editCaption

，在其他情况下使用属性

caption

，来设置标签。 作为

由于这是一个字符串值，如果您确实需要修改由

InlineAV

或

navGrid

添加的按钮文本，您可以直接动态分配一个变量来设置标签，因为jqGrid没有简化的功能

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

每个按钮的

id

都是由网格的id和一些特定于按钮的后缀构成的。例如，

InlineAV

添加的“编辑”按钮是

“列表”

，其中

“列表”

是网格的id，后缀

“\u iledit”

具有编辑按钮。要在以后更改文本，可以使用以下代码

var$div=$（“#”+grid[0].id+“_iledit>.ui pg div”）；
var$icon=$div.find（“>span.ui图标”）；
$div.text（“编辑”）；//按钮的新文本
$div.append（$icon）；
$div.parent（）.attr（“标题”、“我的自定义编辑工具提示”）；//新工具提示

您可以使用以下内容：

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

---

谢谢你的回答。但是我不需要修改按钮的文本。我想在标题栏中添加标签来显示我的文本，比如标题jqgrid@ZSH对不起，我不明白你的意思。节省我们的时间并附加您使用的代码不是更容易吗？“添加标签”是什么意思？您是否使用了

navGrid

edittext

，

addtext

等等，或者

navButtonAddd

的

caption

选项？我在问题中添加了图像。@ZSH：“我的文本”是什么？你是否使用了这种方法？你的代码是什么？您在问题中提到“动态更改标签文本”。您写道您使用了

navbuttonad

。您使用了哪些选项？我可以通过NavButtonAd添加按钮。现在，我想为显示用户名+说明添加类似“视图1-10/11”的标签

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