作者:Computer | 时间:2013-1-22 13:19:22 | [小 大] | 来源:STEP DAY |
阅读:26202 |
:
0 | 收藏
jQuery,EasyUI,Datagrid,扩展方法,调整大小,resizeDataGrid
[
摘要]:
一、扩展方法
$.fn.extend({
/**
* 修改DataGrid对象的默认大小,以适应页面宽度。
*
* @param heightMargin
*
高度对页内边距的距离。
* @param widthMargin
*
宽度对页内边距的距离。
* @param minHeight
*
最小高度。
* @param minWidth
*
最小宽度。...
一、扩展方法
$.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
});
}
});
二、如何调用
//调用重新设置Datagrid的大小
$('#datagrid的ID').resizeDataGrid(10,20,300, 400);
jQuery,EasyUI,Datagrid,扩展方法,调整大小,resizeDataGrid
本文为原创型文章转载请尊重他人劳动成果并注明出处:?340
可以扫描本站该博客文章的QR二维码进行访问