首先，写这篇文章的目的，在于帮助更多人更加轻松地实现客户端Treeview，程序员的时间是宝贵的，在客户端，你可能只需要几行代码就能完全搞定这棵树。
EasyUI易用灵活,但可惜说明文档太简单,网上不少的一些所谓异步树,名为异步,实则是一次性加载了全部的树内容,这样在构建一棵比较大的树的时候,可能会造成效率上的严重影响.
我们的目标,一般是:点击某节点前的"展开"图标====加载该节点下的子节点====下次展开,不用加载,直接展开;点击节点的文字,选定内容,做我们所要做的事情.效果如下图:
于是行动开始,首先,我们要加载EasyUI的核心文件及资源文件,HTML具体代码如下---
1
2
3
4
5 Untitled Page
6
7
8 <script type="text/javascript" src="easyui/jquery-1.4.2.min.js">《script》
9 <script type="text/javascript" src="easyui/jquery.easyui.min.js">《script》
10 <script type="text/javascript">
11
12 $(function(){
13 $('#tt2').tree({
14 checkbox: false,
15 url: '/common/GetGoupJsonByPid.ashx?pid=0',
16 onBeforeExpand:function(node,param){
17 $('#tt2').tree('options').url = "/common/GetGoupJsonByPid.ashx?pid=" + node.id;// change the url
18 //param.myattr = 'test'; // or change request parameter
19 },
20 onClick:function(node){
21 alert(node.id);
22 }
23 });
24 });
25 《script》
26
27
28
29
30
31
32 
