ztree动态加载数据库数据_ztree动态加载数据库后台数据的例子

【www.bbyears.com--php与数据库】

同步的加载数据是这样的：

<script type="text/javascript">
  function showIconForTree(treeId, treeNode) {
            return !treeNode.isParent;
        };
        function zTreeOnClick(event, treeId, treeNode) {
            alert(treeNode.cId);
        }
        var setting = {
            callback: {
                onClick: zTreeOnClick
            },
            view: {
                showIcon: showIconForTree
            },
            data: {
                key: {
                    children: "children",
                    name: "cName",
                    title: "",
                    url: "url"
                },
                simpleData: {
                    enable: true
                }
            }
        };
        $(document).ready(function () {
            $.ajax({
                type: "post",
                contentType: "application/json",
                url: "Index.aspx/FindAll",
                data: "{}",
                dataType: "json",
                success: function (result) {
                    var zNodes = result.d; //接受webservice里面传过来的list
                    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
                }
            });
        });
    </script>
 异步加载的代码如下：

1、html代码：

引用js：

" type="text/css">
 
 <script type="text/JavaScript"  src=""  ></script>
 <script type="text/javascript" src="scripts/zTree-3.5/js/jquery.ztree.all-3.5.js"></script>

 
     
       选择
 

 

 
2、js代码：


    <script type="text/javascript">
        
    </script>

3、后台提供数据的代码。自行组织符合ztree要求的字符串即可。


List

本文来源：http://www.bbyears.com/jiaocheng/100040.html