// / /******************************************************************************* * author:xuanye.wan@gmail.com ******************************************************************************/ try { document.execCommand("BackgroundImageCache", false, true); } catch (e) { } $(document).ready(function() { if ($.browser.msie) { var v = parseInt($.browser.version); $(document.body).addClass("ie ie" + v); } }); (function($) { $.fn.swapClass = function(c1, c2) { return this.removeClass(c1).addClass(c2); }; $.fn.switchClass = function(c1, c2) { if (this.hasClass(c1)) { return this.swapClass(c1, c2); } else { return this.swapClass(c2, c1); } }; $.fn.treebuild = function(settings) { var dfop = { method : "POST", datatype : "json", url : false, cbiconpath : "js/jquery/tree/treebuild/images/icons/", icons : ["checkbox_0.gif", "checkbox_1.gif", "checkbox_2.gif"], treepath : "js/jquery/tree/treebuild/", showcheck : false, // 是否显示选择 oncheckboxclick : false, // 当checkstate状态变化时所触发的事件,但是不会触发因级联选择而引起的变化 onnodeclick : false, cascadecheck : true, asnyParam : [], data : null, clicktoggle : true, // 点击节点展开和收缩子节点 theme : "bbit-tree-arrows" // bbit-tree-lines // ,bbit-tree-no-lines,bbit-tree-arrows }; $.extend(dfop, settings); var treenodes = dfop.data; var me = $(this); var id = me.attr("id"); if (id == null || id == "") { id = "bbtree" + new Date().getTime(); me.attr("id", id); } var html = []; buildtree(dfop.data, html); me.addClass("bbit-tree").html(html.join("")); InitEvent(me); html = null; // 预加载图片 if (dfop.showcheck) { for (var i = 0; i < 3; i++) { var im = new Image(); im.src = dfop.cbiconpath + dfop.icons[i]; } } // region function buildtree(data, ht) { ht.push("
"); // Wrap ; ht.push("
"); // body ; ht.push("
    "); // root var l = data.length; for (var i = 0; i < l; i++) { buildnode(data[i], ht, 0, i, i == l - 1); } ht.push("
"); // root and; ht.push("
"); // body end; ht.push("
"); // Wrap end; } // endregion function buildnode(nd, ht, deep, path, isend) { ht.push("
  • "); ht.push("
    "); // span indent ht.push(""); if (deep == 1) { ht.push(""); } else if (deep > 1) { ht.push(""); for (var j = 1; j < deep; j++) { ht.push(""); } } ht.push(""); // img cs.length = 0; if (nd.hasChildren) { if (nd.isexpand) { cs.push(isend ? "bbit-tree-elbow-end-minus" : "bbit-tree-elbow-minus"); } else { cs.push(isend ? "bbit-tree-elbow-end-plus" : "bbit-tree-elbow-plus"); } } else { cs.push(isend ? "bbit-tree-elbow-end" : "bbit-tree-elbow"); } ht.push(""); ht.push(""); // checkbox if (dfop.showcheck && nd.showcheck) { if (nd.checkstate == null || nd.checkstate == undefined) { nd.checkstate = 0; } ht.push(""); } // a ht.push(""); ht.push("", nd.text, ""); ht.push(""); ht.push("
    "); // Child if (nd.hasChildren) { if (nd.isexpand) { ht.push(""); } else { ht.push(""); } } ht.push("
  • "); nd.render = true; } function getItem(path) { var ap = path.split("."); var t = treenodes; for (var i = 0; i < ap.length; i++) { if (i == 0) { t = t[ap[i]]; } else { t = t.childNodes[ap[i]]; } } return t; } function check(item, state, type) { var pstate = item.checkstate; if (type == 1) { item.checkstate = state; } else {// 上溯 var cs = item.childNodes; var l = cs.length; var ch = true; for (var i = 0; i < l; i++) { if ((state == 1 && cs[i].checkstate != 1) || state == 0 && cs[i].checkstate != 0) { ch = false; break; } } if (ch) { item.checkstate = state; } else { item.checkstate = 2; } } // change show if (item.render && pstate != item.checkstate) { var et = $("#" + id + "_" + item.id + "_cb"); if (et.length == 1) { et.attr("src", dfop.cbiconpath + dfop.icons[item.checkstate]); } } } // 遍历子节点 function cascade(fn, item, args) { if (fn(item, args, 1) != false) { if (item.childNodes != null && item.childNodes.length > 0) { var cs = item.childNodes; for (var i = 0, len = cs.length; i < len; i++) { cascade(fn, cs[i], args); } } } } // 冒泡的祖先 function bubble(fn, item, args) { var p = item.parent; while (p) { if (fn(p, args, 0) === false) { break; } p = p.parent; } } function nodeclick(e) { var path = $(this).attr("tpath"); var et = e.target || e.srcElement; var item = getItem(path); // debugger; if (et.tagName == "IMG") { if ($(et).hasClass("bbit-tree-elbow-plus") || $(et).hasClass("bbit-tree-elbow-end-plus")) { // +号需要展开 var ul = $(this).next(); // "bbit-tree-node-ct" if (ul.hasClass("bbit-tree-node-ct")) { ul.show(); } else { var deep = path.split(".").length; if (item.complete) { item.childNodes != null && asnybuild(item.childNodes, deep, path, ul, item); } else { $(this).addClass("bbit-tree-node-loading"); asnyloadc(ul, item, function(data) { item.complete = true; item.childNodes = data; asnybuild(data, deep, path, ul, item); }); } } if ($(et).hasClass("bbit-tree-elbow-plus")) { $(et).swapClass("bbit-tree-elbow-plus", "bbit-tree-elbow-minus"); } else { $(et).swapClass("bbit-tree-elbow-end-plus", "bbit-tree-elbow-end-minus"); } $(this).swapClass("bbit-tree-node-collapsed", "bbit-tree-node-expanded"); } else if ($(et).hasClass("bbit-tree-elbow-minus") || $(et).hasClass("bbit-tree-elbow-end-minus")) { // -号需要收缩 $(this).next().hide(); if ($(et).hasClass("bbit-tree-elbow-minus")) { $(et).swapClass("bbit-tree-elbow-minus", "bbit-tree-elbow-plus"); } else { $(et).swapClass("bbit-tree-elbow-end-minus", "bbit-tree-elbow-end-plus"); } $(this).swapClass("bbit-tree-node-expanded", "bbit-tree-node-collapsed"); } else if ($(et).hasClass("bbit-tree-node-cb")) { // 点击了Checkbox var s = item.checkstate != 1 ? 1 : 0; var r = true; if (dfop.oncheckboxclick) { r = dfop.oncheckboxclick.call(et, item, s); } if (r != false) { if (dfop.cascadecheck) { // 遍历 cascade(check, item, s); // 上溯 bubble(check, item, s); } else { check(item, s, 1); } } } } else { if (dfop.citem) { $("#" + id + "_" + dfop.citem.id) .removeClass("bbit-tree-selected"); } dfop.citem = item; $(this).addClass("bbit-tree-selected"); if (dfop.onnodeclick) { dfop.onnodeclick.call(this, item); } } } function asnybuild(nodes, deep, path, ul, pnode) { var l = nodes.length; if (l > 0) { var ht = []; for (var i = 0; i < l; i++) { nodes[i].parent = pnode; buildnode(nodes[i], ht, deep, path + "." + i, i == l - 1); } ul.html(ht.join("")); ht = null; InitEvent(ul); } ul.addClass("bbit-tree-node-ct").css({ "z-index" : 0, position : "static", visibility : "visible", top : "auto", left : "auto", display : "" }); ul.prev().removeClass("bbit-tree-node-loading"); } function asnyloadc(pul, pnode, callback) { if (dfop.url) { var param = builparam(pnode); $.ajax({ type : dfop.method, url : dfop.url, data : param, dataType : dfop.datatype, success : callback, error : function(e) { alert("error occur!"); } }); } } function builparam(node) { var p = [{ name : "id", value : encodeURIComponent(node.id) }, { name : "text", value : encodeURIComponent(node.text) }, { name : "value", value : encodeURIComponent(node.value) }, { name : "checkstate", value : node.checkstate }]; if (dfop.asnyParam.length > 0) { for (var i = 0; i < dfop.asnyParam.length; i++) { p.push(dfop.asnyParam[i]); } } return p; } function InitEvent(parent) { var nodes = $("li.bbit-tree-node>div", parent); nodes.each(function(e) { $(this).hover(function() { $(this).addClass("bbit-tree-node-over"); }, function() { $(this).removeClass("bbit-tree-node-over"); }).click(nodeclick) .find("img.bbit-tree-ec-icon").each( function(e) { if (!$(this) .hasClass("bbit-tree-elbow")) { $(this).hover(function() { $(this) .parent() .addClass("bbit-tree-ec-over"); }, function() { $(this) .parent() .removeClass("bbit-tree-ec-over"); }); } }); }); } function reflash(itemId) { var nid = itemId.replace(/[^\w-]/gi, "_"); var node = $("#" + id + "_" + nid); if (node.length > 0) { node.addClass("bbit-tree-node-loading"); var isend = node.hasClass("bbit-tree-elbow-end") || node.hasClass("bbit-tree-elbow-end-plus") || node.hasClass("bbit-tree-elbow-end-minus"); var path = node.attr("tpath"); var deep = path.split(".").length; var item = getItem(path); if (item) { asnyloadc(true, item, function(data) { item.complete = true; item.childNodes = data; item.isexpand = true; if (data && data.length > 0) { item.hasChildren = true; } else { item.hasChildren = false; } var ht = []; buildnode(item, ht, deep - 1, path, isend); var li = node.parent(); li.html(ht.join("")); ht = null; InitEvent(li); }); } } else { alert("该节点还没有生成"); } } function getck(items, c, fn) { for (var i = 0, l = items.length; i < l; i++) { items[i].checkstate == 1 && c.push(fn(items[i])); if (items[i].childNodes != null && items[i].childNodes.length > 0) { getck(items[i].childNodes, c, fn); } } } me[0].t = { getSelectedNodes : function() { var s = []; getck(treenodes, s, function(item) { return item }); return s; }, getSelectedValues : function() { var s = []; getck(treenodes, s, function(item) { return item.value }); return s; }, getCurrentItem : function() { return dfop.citem; }, reflash: function(itemOrItemId) { var id; if (typeof (itemOrItemId) == "string") { id = itemOrItemId; } else { id = itemOrItemId.id; } reflash(id); } }; return me; }; // 获取所有选中的节点的Value数组 $.fn.getTSVs = function() { if (this[0].t) { return this[0].t.getSelectedValues(); } return null; }; // 获取所有选中的节点的Item数组 $.fn.getTSNs = function() { if (this[0].t) { return this[0].t.getSelectedNodes(); } return null; }; $.fn.getTCT = function() { if (this[0].t) { return this[0].t.getCurrentItem(); } return null; }; $.fn.reflash = function(ItemOrItemId) { if (this[0].t) { return this[0].t.reflash(ItemOrItemId); } }; })(jQuery);