layuiでtreeをバインドし、ノードのフォントが変色します.

2986 ワード

        //   
        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); } } }); }