easyui tree 默认点击第2个节点 (onLoadSuccess)

最新推荐文章于 2022-07-13 10:37:59 发布

Aimyone

最新推荐文章于 2022-07-13 10:37:59 发布

阅读量489

点赞数

分类专栏： easyui 文章标签： easyui javascript

本文链接：https://blog.csdn.net/qq_36636312/article/details/120095218

版权

easyui 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1，效果图

在这里插入图片描述

2，说明

当我进入上图的编辑页面时，默认选中树下第一个数据，根据选择的第一个数据显示右边的数据内容

3，页面代码


<div style="width:21%;float:left;display:inline-block;padding-right:1px;border-right:1px dotted #ccc;">
   <div style="width: 99%;height: 99%;display:inline-block; border: 1px solid #ddd; overflow: auto;float:left;font-size: 12px;padding-top: 5px;" class="layui-tab-card">
       <ul id="l_tree"></ul>
   </div>
</div>


<div style="width:48%;float:left;display:inline-block;padding-right:2px;">
        <form  id="sysform" >
            <div class="container from-content">

                <div class="div_border">
                    <div class="div_h">
                        <label for="content" style="margin-right:22px;" id="typetextsum">总成本</label><b class="redColor">*</b>
                        <textarea id="content" class="bi-width357  form-control"
                                  type="text" placeholder=" " name="content" class="bi-width140 form-control" style=" display: block; width:385px;height: 500px; " onclick="selectType()"></textarea>
                    </div>
                </div>

                <div class="div_border">
                    <div class="div_h">
                        <label for="indirectcode" style="margin-right:22px;"  id="typetextone">单次成本</label><b class="redColor">*</b>
                        <textarea id="indirectcode" class="bi-width357  form-control"
                                  type="text" placeholder=" " name="indirectcode" class="bi-width140 form-control" style=" display: block; width:385px;height: 500px; ">${entity.indirectcode}</textarea>
                    </div>
                </div>
            </div>     
        </form>       
    </div>

4，js代码



 function createTree(){
        $('#l_tree').tree({
            url: '/**/getTree?rdm=' + parseInt(Math.random()*100000),
            queryParams:{},
            onDblClick: function(node){
                savetypeId=typeId
                typeId=node.attributes.itemCode;
                typetext=node.text;
                document.getElementById("typetextsum").innerText="总成本: "+typetext
                document.getElementById("typetextone").innerText="单次成本："+typetext
                addToJsData(node);

            },
            onClick: function(node){
                /*singleClick(node);*/
            },
            onLoadSuccess: function(node,data){
                $("#l_tree li:eq(1)").find("div").addClass("tree-node-selected");   //设置第2个节点高亮
                var n = $("#l_tree").tree("getSelected");
                if(n!=null){
                    $("#l_tree").tree("select",n.target);    //相当于默认点击了一下第一个节点，执行onSelect方法
                    if(typeId==null||typeId==''){
                        typeId=data[0].children[0].attributes.itemCode;
                        savetypeId=typeId
                    }else {
                        savetypeId=typeId
                        typeId=data[0].children[0].attributes.itemCode;
                    }
                    typetext=data[0].children[0].text;
                    document.getElementById("typetextsum").innerText="总成本: "+typetext
                    document.getElementById("typetextone").innerText="单次成本："+typetext
                    addToJsData(data[0].children[0]);//将数据写入右边数据框的功能函数
                }
            }
        });
    }