easyUI combotree加载大量节点数据的处理方式(逐步加载)
2017-11-02 11:31
357 查看
简单来说就是注册,单击事件,点击一个节点,只是加载一层的子节点,逐步加载,下面是代码
function loadBranchInfo(branchNode){
$('#branch_id').combotree
({
data:[branchNode],
panelWidth:200,
panelHeight:300,
valueField: 'id',
textField: 'text',
required: false,
editable: true,
onClick: function(node){
var branchId = node.id;
var childrenArr = $('#branch_id').combotree('tree').tree('getChildren',node.target);
if(childrenArr.length>1){
return false;
}
$.ajax({
type:'GET',
data:{"branchId":branchId},
url:CONTEXT_PATH+'/sysConfig.do?action=jsonBranchInfo',
dataType:'json',
success:function(data){
if(data.length==0){
$('#branch_id').combotree('showPanel');
return;
}
$('#branch_id').combotree('tree').tree('append', {
parent: node.target,
data: data
});
$('#branch_id').combotree('tree').tree("expandAll",node.target);
$('#branch_id').combotree('showPanel');
},
error:function(){
alert('机构信息加载失败');
}
});
},
onLoadSuccess: function (node, data) {
//回显时,默认选中的值
// $('#branch_id').combotree('tree').tree("collapseAll");
}
});
function loadBranchInfo(branchNode){
$('#branch_id').combotree
({
data:[branchNode],
panelWidth:200,
panelHeight:300,
valueField: 'id',
textField: 'text',
required: false,
editable: true,
onClick: function(node){
var branchId = node.id;
var childrenArr = $('#branch_id').combotree('tree').tree('getChildren',node.target);
if(childrenArr.length>1){
return false;
}
$.ajax({
type:'GET',
data:{"branchId":branchId},
url:CONTEXT_PATH+'/sysConfig.do?action=jsonBranchInfo',
dataType:'json',
success:function(data){
if(data.length==0){
$('#branch_id').combotree('showPanel');
return;
}
$('#branch_id').combotree('tree').tree('append', {
parent: node.target,
data: data
});
$('#branch_id').combotree('tree').tree("expandAll",node.target);
$('#branch_id').combotree('showPanel');
},
error:function(){
alert('机构信息加载失败');
}
});
},
onLoadSuccess: function (node, data) {
//回显时,默认选中的值
// $('#branch_id').combotree('tree').tree("collapseAll");
}
});
相关文章推荐
- RS232/485通信方式 保存和加载时数据的处理
- 不用分布式方式,处理大量数据的问题(2)
- ListView怎么处理大量的加载数据;比如有10万条数据,你在ListView怎么处理?
- 不用分布式方式,处理大量数据的问题
- Android Bitmap大量使用不产生OOM之多线程并发加载Bitmap的处理方式
- .Net大量数据的存储处理的方式
- Android 应用开发 之通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
- Android通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
- 不用分布式方式,处理大量数据的问题(2)
- Android 应用开发 之通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
- Android 应用开发 之通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
- Android 应用开发 之通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比--转载
- Android 应用开发 之通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
- 在Web界面中实现Excel数据大量导入的处理方式
- Android通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
- 不用分布式方式,处理大量数据的问题
- 项目总结--maven+springsecurity+solr+springmvc+hibernate 延迟加载处理+hibernate sql对象处理(sql执行插入)+spring注解方式+邮件 + JNDI+项目框架写法+jasperreprot的简单应用
- PHP csv大量数据导出分割处理
- 利用POI框架的SAX方式处理大数据2007版Excel(xlsx)
- 加载PNG图片的处理方式