首页 > 代码库 > jquery easyui的异步tree

jquery easyui的异步tree

2024-07-30 05:51:01   217人阅读

1.创建一个简单的tree

　　结果如图:

　　

<script>    $(function(){         $(‘#tt‘).tree(){           url:‘要提交的url地址‘,
　　　　　　checkbox:true,
　　　　　　line:true
      } })</script><ul id="tt"></ul>

每一次点击节点都会自动发到url地址上，第一次加载是url后面没有参数，之后点击节点时，都会自动在url后面增加一个该节点的id。所以不用自己再写onExpand事件。

 2.异步加载时，显示出来是展开的tree方法：

   如图：

<script>    $(function(){         $(‘#tt‘).tree(){           url:‘要提交的url地址‘,
　　　　　　 checkbox:true,
　　　　　　 line:true
           onl oadSuccess:function(node,data){//加载成功后触发               var t=$(this);//data是节点数据              if(data){                $(data).each(function(index,d){           if(this.state ==‘closed‘){//如果节点是关闭的            t.tree(‘expandAll‘);//展开节点         }         });     }    }         } })</script><ul id="tt"></ul>

 

jquery easyui的异步tree


联系
我们