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()
});
}