$.fn.leftTreeView = function (url) {
//声明一些通用的标签 节点的状态 属性
var defaults = {
button_close: "<button class='closebutton' name='treebutton' onfocus='this.blur();'/>", //关button
button_imgclose: "<button class='imgclose' name='imgbutton' onfocus='this.blur();'/>", //图片关
button_imgopen: "<button class='imgopen' name='imgbutton' onfocus='this.blur();'/>", //图片开
span_show: "<span class='show' onfocus='this.blur();'></span>" //内容显示span
}
//获取UL标签的ID
return this.each(function () {
var _ul = $(this);
var li = $("<li>").addClass("liclass");
//为UL标签内部添加内容.开关button,图片button,内容显示span
li.append(defaults.button_close);
li.append(defaults.button_imgclose);
li.append($(defaults.span_show).html("总部").attr("sendId", 0));
//为li标签绑定事件
$(".show").hover(function () { $(this).css({ cursor: "pointer" }); }, function () { $(this).css({ cursor: "defalut" }); });
//为button标签绑定事件
_ul.append(li);
li.toggle(Loadtreeinfo(url,li), Closetreeinfo(li));
li.click(); //加载完之后click;
});
function Loadtreeinfo(url,li) {
//获取隐藏值
var orgId = li.find(".show").attr("sendId");
//更换两张图片
li.find("button[name='treebutton']").removeClass("closebutton");
li.find("button[name='treebutton']").addClass("openbutton");
li.find("button[name='imgbutton']").removeClass("imgclose");
li.find("button[name='imgbutton']").addClass("imgopen"); //获取数据
var node = $("<ul>").addClass("uls");
var first = 0;
li.append(node); //UL标签里添加ul标签
$.ajax({
url: url,
type: "get",
data: "id=" + orgId + "&it=Orgnization&s=Default&u=null&t=null",
contentType: "application/json;charset=utf-8",
success: function (data) {
if (data.length == 0) {
$("#MainView").attr("src", "HABMemberList.aspx?Id=" + orgId);
}
for (var i = 0; i < data.length; i++) {
if (i == 0) {
first = data[i].Id;
}
var lis = $("<li>").addClass("liclass");
lis.append(defaults.button_close);
lis.append(defaults.button_imgclose);
lis.append($(defaults.span_show).attr("sendId", data[i].Id).html(data[i].DisplayName));
$(".show").hover(function () { $(this).css({ cursor: "pointer" }); }, function () { $(this).css({ cursor: "defalut" }); });
lis.toggle(Loadtreeinfo(url, lis), Closetreeinfo(lis)); node.append(lis);
if (i == data.length - 1) {
$("#MainView").attr("src", "HABMemberList.aspx?Id=" + first);
}
}
},
error: function (xhr) {
alert(xhr.responseText);
}
}); }
//隐藏节点信息
function Closetreeinfo(li) {
//更换两张图片
li.find("button[name='treebutton']").removeClass("openbutton");
li.find("button[name='treebutton']").addClass("closebutton");
li.find("button[name='imgbutton']").removeClass("imgopen");
li.find("button[name='imgbutton']").addClass("imgclose");
li.find("ul").hide();
}
} $(document).ready(function () {
var url = "<%=Nodes %>";
$("#treeview").leftTreeView(url);
});
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货