jqgrid - navgrid にラベルを追加する方法

Question

jqgrid を使用しています。navgrid でラベルを使用し、ラベル テキストを動的に変更したいです。navButtonAdd でボタンを追加できます。navgridにラベルを追加するには?

Answer 1

によって追加されたボタンのテキストを本当に変更する必要がある場合、inlineNavまたはnavGridjqGrid には単純化された機能がないため、手動でこれを行う必要があります。

まず、Internet Explorer の開発者ツール (F12クリックして開始)、Firebug、またはその他のツールを使用して、ナビゲーター ボタンを調べることができます。次のようなものが表示されます

すべてのボタンのidは、グリッドの ID といくつかのボタン固有のサフィックスから構築されます。たとえば、によって追加された「編集」ボタンinlineNavは、グリッドの ID であり、接尾辞"list_iledit"には編集ボタンがあります。後でテキストを変更するには、次のようなコードを使用できます"list""_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場合、編集の場合はプロパティを使用しcaption、他の場合はラベルを設定するためにプロパティを使用できることがわかります。として

caption: "Delete",

これは文字列値であるため、変数を動的に直接割り当ててラベルを設定できます