將多個圖標添加到JQGrid中的標題欄中

我試圖將多個圖標添加到JQGrid中的tilebar中。我使用某種被黑客入侵的JQuery添加了1，但我需要將它們並排放置在摺疊按鈕旁邊。我的解決方案似乎很不起眼。將多個圖標添加到JQGrid中的標題欄中

這是代碼我有加入1-圖標（我需要3個圖標可能4）

$("#grid").setCaption('Title Goes Here' + '<span style="margin-left:200px;"></span>' + '<input type="image" id="icon_test" src="img/pencil_icon.png" onclick="icon_test_click();" title="#" />');

來源

2013-02-28 user763460

這裏就是我追加按鈕我的jqGrid標題欄的例子：

$('.ui-jqgrid-title').after('<div id="jqGridButtonDiv"><button id="Button1Id" type="button" class="titlebutton ui-button ui-widget ui-state-default ui-corner-all '+ 
           'ui-button-text-only" role="button">Button Text</button></div>') 
         .after('<div id="YourCollectionFoilToggleDiv"><button id="Button2Id" type="button" class="titlebutton ui-button '+ 
         'ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button">Button Text</button> </div>');

然後一些CSS讓它們具有一些填充而向右移動。

#jqGridButtonDiv{float:right; padding-right:50px; position:relative; top:-1px;}

你應該能夠很容易適應這種改變按鈕圖標等

來源

2013-03-01 00:09:37 Mark

我也有類似的要求;不過，我在同一個屏幕上有多個網格。使用馬克的解決方案，與他一起CSS和改變選擇使用'gview_id'（其中id是gridId），我能在零上特定的網格：

$('#gview_id span.ui-jqgrid-title').after('<button id=jqGridTitleButtonId class="ui-button ui-icon ui-icon-newwin"></button>');   
$('#jqGridTitleButtonId').click(function() { 
     ...code here... 
});

來源

2013-04-22 14:15:37 Randy

將多個圖標添加到JQGrid中的標題欄中

回答

相關問題