如何使jqgrid工具栏按钮与标准jquery ui-button大小相同
提问于 2013-01-05 19:40:07
使用带有jquery ui Redmond主题的jqgrid。
顶层工具栏包含标准的添加、删除等按钮和创建如下的自定义按钮
$grid = $("#grid");
$grid.jqGrid("navGrid", "#grid_toppager", {
search: true,
del: true,
add: true,
refresh: true,
edit: true } );
$grid.jqGrid('navButtonAdd', '#grid_toppager', {
caption: '',
id: "grid_printbutton",
title: 'Print order',
buttonicon: 'ui-icon-print'
});html：
<div id="grid1container" style="width: 100%; height: 100%">
<table id="grid">
</table>
</div>按钮只包含图标，不包含标题。页面还包含带有使用jquery ui button()函数创建的普通按钮的工具栏。jqgrid按钮的高度和宽度比使用jquery ui按钮函数创建的普通按钮要小。用户很难在典型的屏幕分辨率下点击它们。
如何使jqgrid顶层工具栏按钮的大小与标准jquery ui按钮相同？按钮的宽度和高度是否可以增加，或者是否可以创建具有相同按钮的其他工具栏，并强制它们调用相应的jqgrid工具栏按钮操作？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-01-06 03:31:29
只需使用CSS样式，在本例中，
#grid_printbutton { /*Styles to match other button themes */}
这将为您的按钮设置样式。根据按钮的宽度/高度，您还可以深入研究网格的CSS样式默认值，以确保网格/页导航区域有足够的空间来显示此较大的按钮。
对于预置按钮，它们的样式由
<td id="search_GridName" class="ui-pg-button ui-corner-all" title="Find records">
<div class="ui-pg-div">
<span class="ui-icon ui-icon-search"></span>
</div>
</td>因此，要设置这些样式，可以应用一些特定的样式。但是，如果您增加行大小以容纳更大的行内按钮，则网格将显示的信息量将减少。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14175615
复制相关文章
![Js如何防止页面后退（使浏览器后退按钮失效）[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/3223b4821365742105f101789dbc4eb5.png)
点击加载更多
腾讯云开发者
