文档章节

jquery的datagrid自适应浏览器的宽度

wenwen1
 wenwen1
发布于 2014/03/19 17:38
字数 278
阅读 2847
收藏 3

  这个问题困扰我很久了,我试过好多方法,例如设置datagrid的width为auto,还有设置datagrid的fit为true,但是这种方法不行,然后我在网上发现有人写了一个扩展方法,链接为http://www.myexception.cn/web/410060.html

按照这个链接提供的方法不能使高度按照内容来设置,因此我进行了修改,修改的代码如下:

/** 

 * JQuery扩展方法,用户对JQuery EasyUI的DataGrid控件进行操作。 

 */  

$.fn.extend({  

    /** 

     * 修改DataGrid对象的默认大小,以适应页面宽度。 

     *  

     * @param heightMargin 

     *            高度对页内边距的距离。 

     * @param widthMargin 

     *            宽度对页内边距的距离。 

     * @param minHeight 

     *            最小高度。 

     * @param minWidth 

     *            最小宽度。 

     *  

     */  

    resizeDataGrid : function( widthMargin, 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', {  

            width : width  

        });  

    }  

});  


$(function() { 

    //datagrid数据表格ID 

    var datagridId = 'test';  

     var datagridId2='spdata';

    // 第一次加载时自动变化大小  

    $('#' + datagridId).resizeDataGrid(20, 800);  

     $('#' + datagridId2).resizeDataGrid(20,800);  

    // 当窗口大小发生变化时,调整DataGrid的大小  

    $(window).resize(function() {  

        $('#' + datagridId).resizeDataGrid(20, 800);  

          $('#' + datagridId2).resizeDataGrid(20,800); 

    });  

});


© 著作权归作者所有

wenwen1
粉丝 1
博文 26
码字总数 9049
作品 0
徐汇
私信 提问
jQuery EasyUI 开源插件套装 完全替代ExtJS

我要告诉大家,现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比: 上图是ExtJS和EasyUI的界面对比,是不是很类似呢,很强大呢? 呵呵~~ 漂亮的消息弹出,支持遮罩...

Amamatthew
2014/09/11
928
0
jQuery EasyUI DataGrid Checkbox 数据设定与取值

有关 jQuery EasyUI DataGrid 的相关资料,可以前往官网查看, jQuery EasyUI 官网 jQuery EasyUI Documentation DataGrid Demo CheckBox select on DataGrid...

Amamatthew
2014/10/10
235
0
为你下一个项目准备的 50 个 Bootstrap 插件

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。 本文向你推荐 50...

oschina
2014/11/12
106.8K
29
可考虑在你下一个项目中使用的 50 个 Bootstrap 插件

可考虑在你下一个项目中使用的 50 个 Bootstrap 插件 作者 jopen 2014-11-12 09:54:16 阅读目录 1. Bootstrap Multiselect 2. Bootstrap Dialog 3. Bootstrap Confirmation 4. Bootstrap Ta......

~少司命~
2015/08/17
3.5K
0
推荐十个最新免费的 jQuery 表格插件

作为开发者都知道插件的重要性,有了插件的帮助,工作会更加高效。这次,我们收集了一些优秀的 jQuery 表格插件介绍给大家。 创建一个表格(table)并调整其规模,是一项艰难而繁琐的工作。作...

oschina
2015/06/10
49.8K
10

没有更多内容

加载失败,请刷新页面

加载更多

shangcheng-my

1.数据库主键、外键类型为bigint,那么在后台应该用什么类型的变量定义? 后台用string接收,因为前段传过来的一般都是json字符串,后台直接接收,mysql是可以吧数字类型的字符串转换为对应的...

榴莲黑芝麻糊
昨天
1
0
微服务架构依赖图

基于spring-cloud-alibaba + dubbo

龙影
昨天
3
0
Centos7 安装zabbix-agent

rpm -i https://repo.zabbix.com/zabbix/4.2/rhel/6/x86_64/zabbix-release-4.2-2.el6.noarch.rpm 可以到https://repo.zabbix.com/zabbix找到对应的版本 yum install zabbix-agent -y 出现E......

abowu
昨天
8
0
文本编辑器GNU nano 4.4 发布

GNU nano 4.4 "Hagelslag" 更新日志: 启动时,光标可以放在第一个或最后一个出现位置 字符串前面带有+/string 或 +?string的字符串。 发生自动硬包装时((--breaklonglines),任何前导引号...

linuxCool
昨天
7
0
你知道字节序吗

字节序 最近在调一个自定义报文的接口时,本来以为挺简单的,发现踩了好几个坑,其中一个比较“刻骨铭心”的问题就是数据的字节序问题。 背景 自定义报文,调用接口,服务端报文解析失败 iO...

杭城小刘
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部