easyui-tree扩展方法

easyui-tree扩展方法,第1张

/ 1)扩展jquery easyui tree的节点检索方法。使用方法如下: $("#treeId")tree("search", searchText); 其中,treeId为easyui tree的根UL元素的ID,searchText为检索的文本。 如果searchText为空或"",将恢复展示所有节点为正常状态 /(function($) { $extend($fntreemethods, { / 扩展easyui tree的搜索方法 param tree easyui tree的根DOM节点(UL节点)的jQuery对象 param searchText 检索的文本 param this-context easyui tree的tree对象 / search: function(jqTree, searchText) { //easyui tree的tree对象。可以通过treemethodName(jqTree)方式调用easyui tree的方法 var tree = this; //获取所有的树节点 var nodeList = getAllNodes(jqTree, tree); //如果没有搜索条件,则展示所有树节点 searchText = $trim(searchText); if (searchText == "") { for (var i=0; i0) { var node = null; for (var i=0; i0) { for (var i=0; i (containerH - 30)) {

                    var scrollHeight = containerscrollTop() + nodeOffsetHeight - containerH + 30;

                    containerscrollTop(scrollHeight);

                }

            }

        }

    });

    /

    展示搜索匹配的节点

    /

    function showMatchedNode(jqTree, tree, node) {

        //展示所有父节点

        $(nodetarget)show();

        $("tree-title", nodetarget)addClass("tree-node-targeted");

        var pNode = node;

        while ((pNode = treegetParent(jqTree, pNodetarget))) {

            $(pNodetarget)show();

        }

        //展开到该节点

        treeexpandTo(jqTree, nodetarget);

        //如果是非叶子节点,需折叠该节点的所有子节点

        if (!treeisLeaf(jqTree, nodetarget)) {

            treecollapse(jqTree, nodetarget);

        }

    }

    /

    判断searchText是否与targetText匹配

    param searchText 检索的文本

    param targetText 目标文本

    return true-检索的文本与目标文本匹配;否则为false

    /

    function isMatch(searchText, targetText) {

        return $trim(targetText)!="" && targetTextindexOf(searchText)!=-1;

    }

    /

    获取easyui tree的所有node节点

    /

    function getAllNodes(jqTree, tree) {

        var allNodeList = jqTreedata("allNodeList");

        if (!allNodeList) {

            var roots = treegetRoots(jqTree);

            allNodeList = getChildNodeList(jqTree, tree, roots);

            jqTreedata("allNodeList", allNodeList);

        }

        return allNodeList;

    }

    /

    定义获取easyui tree的子节点的递归算法

    /

    function getChildNodeList(jqTree, tree, nodes) {

        var childNodeList = [];

        if (nodes && nodeslength>0) {

            var node = null;

            for (var i=0; i

你的问题描述的太模糊了,如果你是想要获取tree中复选框被选中的节点,可使用:getChecked方法,

参阅 easyui tree API 的 Methods部分:

>

不知道是不是你想要的,反正你看一下

var tabPanel=Extcreate('ExttabPanel',{

//一些配置项,

buttons:[

{

text:'add',

handler:addTabPage

}

]

})

function addTabPage(){

var index=tabPanelitemslength+1;

var tabpage=tabPaneladd({

title:'a',

html:'as',

closable:true

})

tabPanelsetActiveTab(tabpage);

}

以上就是关于easyui-tree扩展方法全部的内容,包括:easyui-tree扩展方法、如何获取easyui tree 实心节点、如何利用EasyUI获取点击或选中的Tree节点值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9277854.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存