2013-04-29 99 views
0

我使用jqgrid.I要在navgrid中使用標籤和動態更改標籤文本。 我可以通過navButtonAdd添加按鈕。 如何在navgrid中添加標籤?如何在navgrid中添加標籤

enter image description here

回答

0

使用jqGrid的navGrid的caption財產。如在Wiki中給出的,您可以看到,對於現有的navGrid按鈕,如果是Edit,則可以使用屬性addCaption/editCaption,如果其他人設置了標籤,則可以使用caption。 作爲

caption: "Delete", 

由於這是一個字符串值,您可以直接賦值的變量動態地設置標籤

0

如果你真的需要修改由inlineNav添加的按鈕或navGrid你的文本手動這樣做,因爲jqGrid沒有簡化的功能。

首先,您可以使用Internet Explorer的開發工具(按F12啓動),Firebug或其他工具來檢查導航按鈕。你會看到類似

enter image description here

每個按鈕的id從網格和一些按鈕特定後綴的ID構成。例如,inlineNav添加的「編輯」按鈕是"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 
+0

感謝answer.But我不需要修改buttons.I的文本要顯示mytext的內容添加標籤就像標題中的jqGrid – ZSH 2013-05-01 04:50:24

+0

的標題欄@ZSH:對不起,但我不明白你的意思。節省我們的時間並追加您使用的代碼並不容易嗎?你在「添加標籤」下的含義是什麼?您是否使用過'navGrid' [options](http://www.trirand.com/jqgridwiki/doku.php?id=wiki:navigator#parameters)'edittext','addtext'等或者'caption'選項'navButtonAdd'? – Oleg 2013-05-01 09:02:46

+0

我把圖像放在我的問題中。 – ZSH 2013-05-01 10:25:58