将多个图标添加到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中的标题栏中

回答

相关问题