layui 绑定tree,节点字体变色

        //绑定树
        function BindTree(param) {
            //param 数据结构如下
            var data = [{
                title: '1	医疗机构基本情况'
                , id: 1
                , field: ''
                , checked: false      //节点是否初始为选中状态(如果开启复选框的话),默认 false
                , spread: true       //节点是否初始展开,默认 false
                , disabled: false    //节点是否为禁用状态。默认 false
                , tabId: '11'
            }, {
                title: '2	数据资源标准化建设情况(30分)'
                , id: 2
                , field: ''
                , spread: true
                , tabId: '22'
                , children: [{
                    title: '2.1	数据集标准化情况(15分)'
                    , id: 3
                    , field: ''
                    , spread: true
                }, {
                    title: '2.2	共享文档标准化情况(15分)'
                    , id: 4
                    , field: ''
                }]
            }]
            }];
            //绑定
            layui.tree.render({
                elem: '#tree'
                , data: param
                , showCheckbox: true  //是否显示复选框
                , id: 'demoId1'
                , isJump: false //是否允许点击节点时弹出新窗口跳转
                , onlyIconControl: true   //则只能通过节点左侧图标来展开收缩
                , click: function (obj) {
                    var data = obj.data;  //获取当前点击的节点数据
                    debugger;
                    //layer.msg('状态:' + obj.state + '
节点数据:' + JSON.stringify(data)); if (data != null) { var tabid = data.tabId; Switch(tabid); var rowid = data.ParentId != 0 ? data.IndexNo : ""; PositionScroll(tabid, rowid);//点击左侧项,右侧定位滚动条 } //节点高亮 //var nodes = document.getElementsByClassName("layui-tree-txt"); //for (var i = 0; i < nodes.length; i++) { // if (nodes[i].innerHTML === obj.data.title) // nodes[i].style.color = "red"; // else // nodes[i].style.color = "#555"; //} } }); } //tree的节点 字体变色 function treeCheckbokBycolor(value, ids) { $("#tree input[type='checkbox']:checked").each(function (index, item) { var t = $(this).val(); if (ids == '' || ids == undefined) { $(this).siblings('.layui-tree-txt').css("color", value); } else { if (ids.indexOf(t) > -1) { $(this).siblings('.layui-tree-txt').css("color", value); } } }); }

 

你可能感兴趣的:(随笔集)