easyui datagrid 宽度自适应

发布日期:2014-04-15 16:02:16
两种情况:
     1、底部没有分页工具栏直接将datagrid属性fit设置为true 即可
     2、有分页工具栏时,需监听浏览器大小的改变,动态改变datagrid大小

     onresize事件发生在窗口尺寸改变之前,所以要获得改变后的尺寸,可使用setTimeout延迟500ms来获取改变后的尺寸

//监听窗口大小变化
    window.onresize = function () {
        setTimeout(domresize, 300);
    };
    //改变表格宽高
    function domresize() {
        $('#tb1').datagrid('resize', {
            height: $("#body").height() - $('#search_area').height(),
            width: $("#body").width()
        });

        $('#tb').datagrid('resize', {
            height: $("#body").height() - $('#search_area').height(),
            width: $("#body").width()
        });
    }