easyui 的datagrid的自适应宽度的问题
2013-06-17 09:32
731 查看
/**
* JQuery扩展方法,用户对JQuery EasyUI的DataGrid控件进行操作。
*/
$.fn.extend({
/**
* 修改DataGrid对象的默认大小,以适应页面宽度。
*
* @param heightMargin
* 高度对页内边距的距离。
* @param widthMargin
* 宽度对页内边距的距离。
* @param minHeight
* 最小高度。
* @param minWidth
* 最小宽度。
*
*/
确保table的id为tt
还有一个方法是直接设置table的fit属性为true 前提是table的calss属性必须是easyui-datagrid
* 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
相关文章推荐
- easyui 的datagrid的自适应宽度的问题
- easyui datagrid自适应浏览器宽度
- easyui datagrid在fitColumns="true"的情况自适应宽度下失效
- easyui datagrid宽度设置在ie8无效的问题
- Easyui设置datagrid自适应屏幕宽度的方法
- easyui 关于收缩面板引起的datagrid自适应宽度 fix
- easyui datagrid标题列宽度自适应
- easyui datagrid 自适应窗口边宽度
- 如何让EasyUI DataGrid 宽度自适应窗口改变
- Easyui设置datagrid自适应屏幕宽度的方法
- 一步步实现 easyui datagrid表格宽度自适应,效果非常好
- easyui datagrid 宽度高度自适应
- easyui-datagrid自适应宽度
- easyUI自适应宽度问题
- easyui datagrid 宽度高度自适应
- 005--Easyui的datagrid实现宽度自适应
- easyui datagrid标题列宽度自适应
- easyui datagrid 宽度高度自适应
- easyui datagrid高度自适应问题
- EasyUI datagrid自适应问题解决