treegrid and datagrid ctrl or shift selectRow
Posted 芜明-追星
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了treegrid and datagrid ctrl or shift selectRow相关的知识,希望对你有一定的参考价值。
var tg = $(‘#tg‘);
tg.treegrid({...}); // create treegrid
var panel = tg.treegrid(‘getPanel‘);
var body1 = panel.find(‘div.datagrid-view1 div.datagrid-body-inner‘);
var body2 = panel.find(‘div.datagrid-view2 div.datagrid-body‘);
var body = body1.add(body2); // the body container
body.unbind(‘click‘).bind(‘click‘,function(e){
var tr = $(e.target).closest(‘tr.datagrid-row‘);
var id = tr.attr(‘node-id‘);
if (!e.ctrlKey){
tg.treegrid(‘clearSelections‘).treegrid(‘selectRow‘,id);
} else {
if (tr.hasClass(‘datagrid-row-selected‘)){
tg.treegrid(‘unselectRow‘,id);
} else {
tg.treegrid(‘selectRow‘,id);
}
}
});
var dg = $(‘#dg‘);
dg.datagrid({...});
var dc = dg.data(‘datagrid‘).dc;
var body = dc.body1.add(dc.body2);
body.unbind(‘click‘).bind(‘click‘,function(e){
var tr = $(e.target).closest(‘tr.datagrid-row‘);
var index = parseInt(tr.attr(‘datagrid-row-index‘));
if (!e.ctrlKey){
dg.datagrid(‘clearSelections‘).datagrid(‘selectRow‘,index);
} else {
if (tr.hasClass(‘datagrid-row-selected‘)){
dg.datagrid(‘unselectRow‘,index);
} else {
dg.datagrid(‘selectRow‘,index);
}
}
});
以上是关于treegrid and datagrid ctrl or shift selectRow的主要内容,如果未能解决你的问题,请参考以下文章
easyUI中的treegrid如何支持大数据量的展示,不分页。像它的datagrid一样
RDIFramework.NET框架Web中datagrid与treegrid控件自动生成右键菜单与列标题右键菜单
Easyui 自定义样式设置表格高度后 TreeGrid多出空白行
第二百二十八节,jQuery EasyUI,TreeGrid(树形表格)组件