如何让easyui gridview 宽度自适应窗口改变

简介:

在使用Easyui GridView时,如果要Gridview的宽度和窗口的宽度相同,只需要设置fitColumns: true即可

 

这样实现以后,如果窗口的大小调整后,gridview的宽度是不会改变的,这时就需要我们自己来我完成了。为window添加一个resize事件,在事件回调方法中让gridview改变宽度即可:

    //在调整了窗口大小以后,设置easyui gridview也调整宽度
    $(window).resize(function () {
        $('#gvManage').datagrid('resize');
    });   


本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/archive/2012/08/10/2632188.html,如需转载请自行联系原作者
相关文章
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
296 0
easyui中datagrid自适应浏览器大小
因为datagrid的fitColumns只有在初次加载数据的时候生效,所以在加载完数据后再改变浏览器大小,datagrid是不会改变大小的,只能保持在加载数据的时候的浏览器大小 解决方法就...
1910 0
easyui 1.4.3 窗口创建或拖动超过父元素 边界 BUG 解决方法
使用EASYUI 窗口时,创建或者移动 会超过父元素边界,不能关闭,非常别扭。 风来了.fox 标记:主要这边 就是要注意的地方 /** * * @param title * @param href * @param width * @param height * @param modal * @param minimizable * @param maximiz
1117 0
|
JavaScript 前端开发
easyui panel自适应问题
项目中要用到easyui,使用也有几年时间了,刚开始使用还不错,毕竟只是简单的增删改查数据,不过到后面越来越觉得easyui不如extjs了,好多复杂一点的问题,easyui表现就力不从心了,题外话就讲到这吧,下面看看这个问题是如何解决的: $(function () { $.
1095 0
|
JavaScript 前端开发
Easyui 让DataGrid适应浏览器宽度
原文:Easyui 让DataGrid适应浏览器宽度 DataGrid有100%宽度的设置,但是有时不是很让人满意,比如你你放大或者拉放你的浏览器,那么DataGrid只维持第一次加载的宽高,非常难看 $('#List').
1082 0
|
JavaScript API 容器
jQuery EasyUI API 中文文档 - 窗口(Window)
Window 窗口    扩展自 $.fn.panel.defaults,用 $.fn.window.defaults 重写了 defaults。 依赖 draggable resizable panel 用法 1.
772 0

热门文章

最新文章