easyui tree获取节点所在层次

  easyui tree获取点击节点所在层次,easyui tree如何获取某个节点所在树层次源代码。easyui的节点没有存储所在层次,所有急需要循环调用getParent方法获取父节点进行层次累加操作计算,

easyui tree获取点击节点所在层次

    <title>easyui tree获取点击节点所在层次</title>
    <script type="text/javascript">
        function getLevel(node) {//获取节点所在easyui tree树的层次,1为根节点,依次增加
            var level = 1;
            //循环调用getParent方法获取父节点进行层级累加
            while (node = $('#tree').tree('getParent', node.target)) level++;
            return level;
        }
        function onClick(node) {
            alert('点击节点所在tree的层次为:'+getLevel(node))
        }
    </script>
    <ul class="easyui-tree" data-options="onClick:onClick" id="tree">
        <li>
            <span>My Documents</span>
            <ul>
                <li data-options="state:'closed'">
                    <span>Photos</span>
                    <ul>
                        <li>
                            <span>Friend</span>
                        </li>
                        <li>
                            <span>Wife</span>
                        </li>
                        <li>
                            <span>Company</span>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>Program Files</span>
                    <ul>
                        <li>Intel</li>
                        <li>Java</li>
                        <li>Microsoft Office</li>
                        <li>Games</li>
                    </ul>
                </li>
                <li>index.html</li>
                <li>about.html</li>
                <li>welcome.html</li>
            </ul>
        </li>
    </ul>

 


原创文章,转载请注明出处:easyui tree获取节点所在层次

评论(0)Web开发网
阅读(708)喜欢(0)不喜欢(0)easyui开发技巧