如何在navgrid中添加标签

Question

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

Answer 1

使用jqGrid navGrid的caption属性。如Wiki中所示，您可以看到，对于现有的navGrid按钮，您可以在编辑时使用属性addCaption/editCaption，在其他人设置标签时使用caption。 正如

caption: "Delete",

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

Answer 2

如果确实需要修改由inlineNav或navGrid添加的按钮的文本，则必须手动执行此操作，因为jqGrid没有简化的功能。< / p>

首先，您可以使用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

Answer 3

你可以这样使用：

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