熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JQuery寫動態樹示例代碼

2013-11-15 12:14:28  來源: JSP教程 
本文為大家介紹下使用JQuery寫的動態樹具體實現如下感興趣的朋友可以學習下   復制代碼 代碼如下:
// 業務類型樹
var settingOther = {
edit: {
enable: false
}
// 異步加載樹
async: {
enable: true
url:"initCoagencyTreeaction"
autoParam:["id" "name=n"]
otherParam:{"otherParam":"zTreeAsyncTest"}
dataFilter: filter
}
// 簡單數據格式
data: {
simpleData: {
enable: true
}
}
// 回調函數
callback: {
beforeClick: beforeClick
onClick: onClick
}
};
// 鼠標事件
function beforeClick(treeId treeNode clickFlag) {
// 普通選中
if(clickFlag==){
parentdocumentgetElementById("coagencyId")value=treeNodeid;
parentdocumentgetElementById("parentId")value=treeNodepId;
parentdocumentgetElementById("name")value=treeNodename;
$("#coagencyId")attr("value"treeNodeid);
$("#parentId")attr("value"treeNodepId);
}else{
// 取消選中 把值置空
$("#coagencyId")attr("value"null);
$("#parentId")attr("value"null);
}
return (treeNodeclick != false);
}
// 鼠標解除節點的方法
function onClick(event treeId treeNode clickFlag) {
// 默認執行的方法 顯示節點的詳細信息
parentshowCoagencyDetail();
}
// 異步加載需要是函數
function filter(treeId parentNode childNodes) {
if (!childNodes) return null;
for (var i=; i<childNodeslength; i++) {
childNodes[i]name = childNodes[i]namereplace(/\n/g );
}
return childNodes;
}
// 異步加載需要是函數
function beforeAsync(treeId treeNode) {
return treeNode ? treeNodelevel < : true;
}
// 初始化樹
$(document)ready(function(){
$fnzTreeinit($("#coagencyTree")settingOther);
});
</SCRIPT>
<! 樹節點id >
<s:hidden name="coagencyFormcoagencyId" id="coagencyId"/>
<! 樹節點 父id >
<s:hidden name="coagencyFormparentId" id="parentId"/>
<div class="zTreeDemoBackground left">
<ul id="coagencyTree" class="ztree" style="height: px"></ul>
</div>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20560.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.