jQuery MiniUI 开发教程 树形控件 树形：懒加载树（五）
懒加载树
参考示例：懒加载树
创建代码
<ulid="tree1"class="mini-tree"url="../data/TreeService.aspx?method=LoadNodes"style="width:300px;height:200px;padding:5px;"
showTreeIcon="true"textField="name"idField="id"onbeforeload="onBeforeTreeLoad">
</ul>
服务端返回数据
[{
id:"form",
text:"Form",
......
isLeaf:false,//是否叶子节点：+和-号
expanded:false//节点处于收缩状态
},
......
]
其中，isLeft说明此节点是否有下一级节点。expanded表示此节点处于折叠状态。
懒加载事件
当用户点击"+"图标时，会自动加载下一级节点，此时会把当前节点id传递到后台，也可以拦截加载事件，增加额外属性：
functiononBeforeTreeLoad(e){
vartree=e.sender;//树控件
varnode=e.node;//当前节点
varparams=e.params;//参数对象
//可以传递自定义的属性
params.myField="123";//后台：request对象获取"myField"
}
服务端处理
服务端通过request获取"id"属性后，加载此节点的下一级节点数组，并通过JSON返回。
Stringid=Request["id"];
if(String.IsNullOrEmpty(id))id="-1";
//获取下一级节点
Stringsql="select*fromplus_filewherepid='"+id+"'orderbyupdatedate";
ArrayListfolders=DBUtil.Select(sql);
//判断节点，是否有子节点。如果有，则处理isLeaf和expanded。
for(inti=0,l=folders.Count;i<l;i++)
{
Hashtablenode=(Hashtable)folders[i];
StringnodeId=node["id"].ToString();
Stringsql2="select*fromplus_filewherepid='"+nodeId+"'orderbyupdatedate";
ArrayListnodes=DBUtil.Select(sql2);
if(nodes.Count>0)
{
node["isLeaf"]=false;
node["expanded"]=false;
}
}
//返回JSON
Stringjson=PluSoft.Utils.JSON.Encode(folders);
Response.Write(json);