/**
* JQuery扩展方法,用户对JQuery EasyUI的DataGrid控件进行操作。
*/
$.fn.extend({
/**
* 修改DataGrid对象的默认大小,以适应页面宽度。
*
* @param heightMargin
* 高度对页内边距的距离。
* @param widthMargin
* 宽度对页内边距的距离。
* @param minHeight
* 最小高度。
* @param minWidth
* 最小宽度。
*
*/
resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) { var height = $(document.body).height() - heightMargin; var width = $(document.body).width() - widthMargin; height = height < minHeight ? minHeight : height; width = width < minWidth ? minWidth : width; $(this).datagrid('resize', { height : height, width : width }); } }); $(function() { // datagrid数据表格ID var datagridId = 'tt'; // 第一次加载时自动变化大小 $('#' + datagridId).resizeDataGrid(0, 0, 0, 0); // 当窗口大小发生变化时,调整DataGrid的大小 $(window).resize(function() { $('#' + datagridId).resizeDataGrid(0, 0, 0, 0); }); });
确保table的id为tt
还有一个方法是直接设置table的fit属性为true 前提是table的calss属性必须是easyui-datagrid