jQuery技术

jQuery扩展方法 改变EasyUI内datagrid的大小

字号+ 作者:H5之家 来源:H5之家 2016-12-31 12:00 我要评论( )

一、扩展方法$.fn.extend({ /** * 修改DataGrid对象的默认大小,以适应页面宽度。 *

作者: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二维码进行访问  

本站该博客文章的QR二维码

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评