ztree使用心得

2022-04-14 08:11:17 字數 2056 閱讀 7548

乙個很好用的jquery樹形控制項

官網:我主要引用的檔案為:

//

最新版的js壓縮包//

ztree樣式

"../css/ztreestyle.css

" rel="

stylesheet

" type="

text/css

" />

view code

根據專案需要主setting設定如下:

var setting1 =

},data:

}};

var setting =

},async

: ,非同步載入時,提交引數 zid=1

}, data:

},//**函式

callback: ,

datatype:

'json',

success: function (data)

}});

//學校資訊

$.ajax(,

datatype:

'json',

success: function (data)

});}

},onrename: ztreeonrename}};

//載入錯誤提示

"刪除父節點的id為:

" + treenode.id + "

\r\n他的孩子節點有:

" + paramsarray.join(","

));

return

; }

alert(

"你點選要刪除的節點的名稱為:

" + treenode.name + "

\r\n

" + "

節點id為:

" +treenode.id);

}function ztreeonrename(

event

, treeid, treenode, iscancel)

//必備的在ztree載入方法

$(document).ready(function () );

//將在ztree1中選中的資訊填到ztree2

function onclickright() ;

obj.id =nodes[i].id;

obj.pid =nodes[i].pid;

obj.name =nodes[i].name;

a.push(obj);

}if (a.length > 0

) }

//清除選中的tree2節點

function onclickleft()

else

if (nodes[i].check_child_state == -1 && !(nodes[i].isparent))

else}}

view code

附帶這個頁面的其他幾個問題:

獲取此下拉框資料:   yjsenglish = $("#contentplaceholder1_ddlb").find("option:selected").val();

獲取多選框資料:

$("[id*=cblcategory] input:checked").each(function () ;

obj結構如下

//組織id

obj.orgid = orgid;

$.ajax(,

error: function (data) })}

view code

zTree使用心得

1.多的不說,發現ztree有乙個問題,使用簡單資料的時候最底層子節點最左側會有加號,可能是min.js有問題吧 暫時解決方法如下,初始化樹以後遍歷子節點,手動的將最底層子節點的isparent改為false,並呼叫updatenode方法更新,也可以遍歷完以後,最後呼叫treeobj.refres...

ztree 使用心得

最近專案需要用ztree 初步研究感覺這個外掛程式寫的實在是太好了。現總結遇到的問題 封裝一顆樹 按型別分組樹 id 按型別分組id treeid 樹id treedivid divid function cartypegroup id,treeid,treedivid slidedown fast...

frameset 使用心得

欲明白本篇 html徹底剖析 之標記分類,請看 標記一覽 也請先明白圍堵標記與空標記的分別,請看 html概念 框架概念 謂框架便是網頁畫面分成幾個框窗,同時取得多個 url。只需要 即可,面所有框架標記需要放在乙個總起的 html 檔,這個檔案只記錄了該框架如何分割 不會顯示任何資料,所以不必放入...