如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
更新时间:2013年01月25日 15:21:45 作者:
在使用Easyui GridView时,如果要Gridview的宽度和窗口的宽度相同,只需要设置fitColumns: true即可,感兴趣的你不要走开啊,接下来为您详细介绍
在使用Easyui GridView时,如果要Gridview的宽度和窗口的宽度相同,只需要设置fitColumns: true即可
这样实现以后,如果窗口的大小调整后,gridview的宽度是不会改变的,这时就需要我们自己来我完成了。为window添加一个resize事件,在事件回调方法中让gridview改变宽度即可:
//在调整了窗口大小以后,设置easyui gridview也调整宽度
$(window).resize(function () {
$('#gvManage').datagrid('resize');
});
这样实现以后,如果窗口的大小调整后,gridview的宽度是不会改变的,这时就需要我们自己来我完成了。为window添加一个resize事件,在事件回调方法中让gridview改变宽度即可:
复制代码 代码如下:
//在调整了窗口大小以后,设置easyui gridview也调整宽度
$(window).resize(function () {
$('#gvManage').datagrid('resize');
});
相关文章
移动端翻页插件dropload.js(支持Zepto和jQuery)
这篇文章主要为大家详细介绍了移动端翻页插件dropload.js,支持Zepto和jQuery,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-07-07Javascript HTML5 Canvas实现的一个画板
这篇文章主要为大家详细介绍了Javascript HTML5 Canvas实现的一个画板的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-05-05
最新评论