/* 显示树形列表 根据传过来的parentid,从getTreelist.aspx获取sublist列表,然后显示出去 */ var treelist_ico_close = "style/images/dot14.gif"; var treelist_ico_open = "style/images/dot3.gif"; var treelist_ico_li = "style/images/dot4.gif"; var treelist_ico_li_count = 0; function treelist_expend(id,subcount) { var nodename = treelist_nodename(id); var node = $(nodename); try { if(treelist_ico_li_count==0) { treelist_ico_close = $("treelist_ico_close_pre").src; treelist_ico_open = $("treelist_ico_open_pre").src; treelist_ico_li = $("treelist_ico_li_pre").src; treelist_ico_li_count = 1; } }catch(ex){} if(!node) return; if($$(nodename,"opened") != "true") treelist_open(id,subcount); else treelist_close(id); } function treelist_close(id) {//关闭一个树 var nodename = treelist_nodename(id); var node = $(nodename); if(!node) return; bindStyle($(nodename),{"visibility":"hidden"}); bindStyle($(nodename), { "display": "none" }); bindStyle($("box" + nodename), { "visibility": "hidden" }); bindStyle($("box" + nodename), { "display": "none" }); $$(nodename,"opened","false"); closeImg(id); } function treelist_open(id,subcount) { var nodename = treelist_nodename(id); var node = $(nodename); if (!node) return; if($$(nodename,"loaded") != "true") {//读取并展开 treelist_Beginload(id,subcount); } else {//直接展开 bindStyle($(nodename),{"visibility":""}); bindStyle($(nodename), { "display": "" }); bindStyle($("box" + nodename), { "visibility": "" }); bindStyle($("box" + nodename), { "display": "" }); openImg(id); $$(nodename,"opened","true"); } } function treelist_Beginload(id,subcount) {//开始异步读取 bindStyle($(treelist_nodename(id)),{"visibility":""}); bindStyle($(treelist_nodename(id)), { "display": "" }); bindStyle($("box" + treelist_nodename(id)), { "visibility": "" }); bindStyle($("box" + treelist_nodename(id)), { "display": "" }); $(treelist_nodename(id)).innerHTML = "
读取中..
"; AJAXCALL("/soufun_forum/json/TreeList/getTreeList.aspx?parentid=" + id + "&subcount=" + subcount,treelist_Endload); } function treelist_Endload(doc) { var data = eval("(" + doc + ")"); var nodename = treelist_nodename(data.nodeid); var node = $(nodename); if(!node) return; $$(nodename,"innerHTML",""); for(i = 0;i < data.items.length;i++) { //开始输出各个项目,如果项目是可以展开的,那么需要绑定onclick事件 var appendstr = "
= data.items.length) appendstr += "2"; else appendstr += "1"; appendstr += "\">"; var itemtext = ""; // for a color use ul li lxl if(trim(data.items[i].nodeurl) != "") itemtext = "
" + data.items[i].nodetext + "
" else itemtext = "" + data.items[i].nodetext + "
"; if(data.items[i].canexpend == "true") { appendstr += "
" + itemtext + "
" appendstr += "" } else { appendstr += itemtext; } node.innerHTML += appendstr; } $$(nodename,"loaded","true"); openImg(data.nodeid); $$(nodename,"opened","true"); } function closeImg(id) { $(treelist_imgname(id)).src = treelist_ico_close; } function openImg(id) { $(treelist_imgname(id)).src = treelist_ico_open; } function treelist_nodename(id) { return "treelist_item_" + id; } function treelist_imgname(id) { return "treelist_icon_" + id; } function trim(str) { // 用正则表达式将前后空格 // 用空字符串替代。 return str.replace(/(^\s*)|(\s*$)/g, ""); }