jqgrid标题
可能包含使用
定义的额外工具栏toolbar: [true, "top"],
包含使用
定义的导航工具栏$grid.jqGrid('navButtonAdd', '#grid_toppager', {...
并包含搜索工具栏。
要将网格调整到屏幕的末尾,我正在寻找一种计算此标题高度的方法 在窗口中调整大小。 我尝试下面的代码,但这会设置网格高度太大。 如何计算网格标题高度?
$(window).resize(function () {
var extraToolbarHeight = $('#t_' + $.jgrid.jqID($grid[0].id)).outerHeight(true),
caption_height=$("div#gview_"+$grid[0].id+" > div.ui-jqgrid-hdiv").outerHeight(true);
$('#grid1container').height($(window).height() - 18);
$grid.jqGrid('setGridHeight', $('#grid1container').height()-caption_height
-extraToolbarHeight );
});
<div id="grid1container" style="width: 100%; height: 100%">
<table id="grid">
</table>
</div>
答案 0 :(得分:0)
这是我写的一个函数,用于调整jqGrids的大小以适应它们的容器元素。看看它是否符合您的需求。
// resize a grid to fill the space of its container
// this will throw an error if you pass in a non-existant
// Parameters:
// grid - a reference to your grid
// container - a reference to your container, or the selector
// Usage:
// resizeGrid($('#gridXYZ'), '#largeGridDiv')
function resizeGrid(grid, container) {
if (typeof container == 'string') {
container = $(container);
}
if (container.length > 0) {
var headerHeight = $($('.ui-jqgrid-hdiv')[0]).height();
var newHeight = container.height() - headerHeight;
grid.jqGrid().setGridHeight(newHeight);
grid.jqGrid().setGridWidth(container.width());
} else {
throw ('Non-existant container passed to resizeGrid()');
}
}
// some other selectors that may help, again grid
var gviewSelector = '#gview_' + $('#gridXYZ').attr('id');
var headerSelector = gviewSelector + ' .ui-jqgrid-hdiv';
var bodySelector = gviewSelector + ' .ui-jqgrid-bdiv';