easyui datagrid 销毁
网上看了很多,文档也看了,没找到销毁的方法,不过这样做相当于销毁了:
$('#quoWinTab').datagrid('loadData',{rows:[]});
列和数据都也会清空,相当于销毁;
如果是共用一个table,要冬天改变列可以先加载,将coulums 设置为空,
$("#quoWinTab").datagrid({// url: '',/*frozenColumns:[[ // array 和列(column)属性一样,但是这些列将被冻结在左边。{field: 'quoDate', title: '日期',width:100},{field: 'quantity', title: '数量',width:80,editor:'numberbox' },{field: 'price', title: '报价',width:80,editor:'numberbox' },]],*/// fitColumns:true,// boolean 设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动。falseautoRowHeight: false, //boolean 定义是否设置基于该行内容的行高度。设置为 false,则可以提高加载性能。true//工具栏,可以定义divtoolbar: '#quoWinTool',striped: true, //boolean 设置为 true,则把行条纹化。(即奇偶行使用不同背景色)falseshowFooter: true, //boolean 定义是否显示行的底部。falsemethod: "post", //string 请求远程数据的方法(method)类型。postnowrap:false, //boolean 设置为 true,则把数据显示在一行里。设置为 true 可提高加载性能。true//idField string 指示哪个字段是标识字段。//data array,object 要加载的数据。loadMsg: "数据正在加载中", //string 当从远程站点加载数据时,显示的提示消息。// pagination: true, //boolean 设置为 true,则在数据网格(datagrid)底部显示分页工具栏。//rownumbers boolean 设置为 true,则显示带有行号的列。falsesingleSelect: true, //boolean 设置为 true,则只允许选中一行。// checkOnSelect:true, // boolean 如果设置为 true,当用户点击某一行时,则会选中/取消选中复选框。// pageNumber: 1, //number 当设置了 pagination 属性时,初始化页码。// pageSize: 10, //number 当设置了 pagination 属性时,初始化页面尺寸。// sortName: "quantity", //string 定义可以排序的列。//sortOrder string 定义列的排序顺序,只能用 'asc' 或 'desc'。asc// multiSort:true, // boolean 定义是否启用多列排序。该属性自版本 1.3.4 起可用。false//remoteSort boolean 定义是否从服务器排序数据 true//scrollbarSize number 滚动条宽度//rowStyler function 返回例如 'background:red' 的样式。//editors object 定义编辑行时的编辑器。onClickRow: onClickRow, //点击行事件// onClickCell:onClickCell,columns:[[]]
});
然后清空数据
$('#quoWinTab').datagrid('loadData',{rows:[]});
最后加载列:
$('#quoWinTab').datagrid({columns:coulums
});
这样就可以共用一个table,动态改变列
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
