/**
* $.bwTree
* @extends jquery.1.9.0
* @fileOverview 创建Tree
* @author BW
* @email
* @site
* @version 0.1
* @date 2013-02-20
* Copyright (c) 2013-2013 BW
* @example
* $("#tree").bwTree();
*/
$(function ($) {
$.fn.bwTree = function (settings) {
var defaultSettings = {
Id : "Id",
Fid : "Fid",
Level : "Level",
Name : "Name",
TUrl : "green/category/list"
}
settings = $.extend({}, defaultSettings, settings);
var drawTree = function (elem, Id, Fid, Level, Name, TUrl) {
$.ajax({
type : "get",
dataType : "json",
url : TUrl,
data : "{}",
success : function (data) {
$.each(data, function (k, v) {
if (Id != "Id") {
data[k]["Id"] = data[k][Id];
data[k][Id] = undefined;
}
if (Fid != "Fid") {
data[k]["Fid"] = data[k][Fid];
data[k][Fid] = undefined;
}
if (Name != "Name") {
data[k]["Name"] = data[k][Name];
data[k][Name] = undefined;
}
});
$.each(data, function (k, v) {
if (v.Fid == 0) {
elem.append($("<li id=c" + v.Id + "><a href=\"#\">" + v.Name + "</a></li>"));
$("#c" + v.Id).bind("click", function () {
changeDiv(v);
return false;
});
} else {
$("#c" + v.Fid).append($("<ul><li id=c" + v.Id + "><a href=\"#\">" + v.Name + "</a></li></ul>"));
$("#c" + v.Id).bind("click", function () {
changeDiv(v);
return false;
});
}
});
}
});
return elem;
}
var changeDiv = function (v) {
var nDiv = "<div><p>ID:" + v.Id + "</p><p>父ID:" + v.Fid + "</p><p>排序级别:" + v.Level + "</p><p>分类名称:" + v.Name + "</p></div>";
$("#main").empty().append($(nDiv)).append($("<a id=\"add" + v.Id + "\">添加</a>"));
$("#add" + v.Id).bind("click", function () {
//这里调用个弹出层插件
});
}
return this.each(function () {
var elem = $("#tree");
drawTree(elem, settings.Id, settings.Fid, settings.Level, settings.Name, settings.TUrl);
});
}
})(jQuery);
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。