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