jqgrid - 如何在导航网格中添加标签

Question

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

Answer 1

如果您确实需要修改添加的按钮的文本，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

Answer 2

使用captionjqGrid navGrid 的属性。正如Wiki中给出的，您可以看到对于现有的 navGrid 按钮，您可以addCaption/editCaption在 Editcaption的情况下使用该属性，在其他情况下使用该属性来设置标签。作为

caption: "Delete",

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

Answer 3

你可以使用这样的东西：

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