DWZ(JUI)教程treeコントロールの選択イベント
2433 ワード
DWZ(JUI)教程treeコントロールの選択イベント
新浪微博http://weibo.com/u/1534913940
最近友達の伝言で、treeコントロールの選択事項はどうなりますか?今日は簡単に話します.
まず流れを簡単に話してください.
第一歩はもちろん、コールバックイベントを定義しておきます.
選択されたイベントがtrueである場合はfalseです.
itemsはオブジェクト配列です. は、選択されたノードに戻ることです.戻りのcheckedがfalseであれば、その長さは0です.
nameはノード名です. valueは対応する値です. textはノードに対応するテキストです. 対応ノードのtname tvalue、テキストテキスト情報
treeコントロールは自動的にカスケード接続されています.親ノードを選択すると、サブノードも選択されます.したがって、返ってくる選択ノードは配列です.もちろん、葉っぱノードであれば、その長さは1です.
第二ステップはdom元素に登録することです.
<ul class=「tree tree Folder tree Check expand」oncheck=「checkCallback」
これでいいです.実は使いやすいです.
以下は簡単にソースの注釈をしてみます.そうすると、皆さんはもっとよく分かります.
転載は出典を明示してください.http://blog.csdn.net/jiweigang1/article/details/8454474
新浪微博http://weibo.com/u/1534913940
最近友達の伝言で、treeコントロールの選択事項はどうなりますか?今日は簡単に話します.
まず流れを簡単に話してください.
第一歩はもちろん、コールバックイベントを定義しておきます.
function checkCallback(json){
...........
...........
}
キーは、コールバック関数が返される構造である.選択されたイベントがtrueである場合はfalseです.
itemsはオブジェクト配列です. は、選択されたノードに戻ることです.戻りのcheckedがfalseであれば、その長さは0です.
nameはノード名です. valueは対応する値です. textはノードに対応するテキストです. 対応ノードのtname tvalue、テキストテキスト情報
treeコントロールは自動的にカスケード接続されています.親ノードを選択すると、サブノードも選択されます.したがって、返ってくる選択ノードは配列です.もちろん、葉っぱノードであれば、その長さは1です.
第二ステップはdom元素に登録することです.
<ul class=「tree tree Folder tree Check expand」oncheck=「checkCallback」
これでいいです.実は使いやすいです.
以下は簡単にソースの注釈をしてみます.そうすると、皆さんはもっとよく分かります.
setTimeout(function(){
if($this.hasClass("treeCheck")){
// dom
var checkFn = eval($this.attr("oncheck"));
if(checkFn && $.isFunction(checkFn)) {
$("div.ckbox", $this).each(function(){
var ckbox = $(this);
ckbox.click(function(){
//
var checked = $(ckbox).hasClass("checked");
var items = [];
if(checked){
// li
var tnode = $(ckbox).parent().parent();
// checkbox
var boxes = $("input", tnode);
if(boxes.size() > 1) {
//
$(boxes).each(function(){
items[items.length] = {name:$(this).attr("name"), value:$(this).val(), text:$(this).attr("text")};
});
} else {
items = {name:boxes.attr("name"), value:boxes.val(), text:boxes.attr("text")};
}
}
//
checkFn({checked:checked, items:items});
});
});
}
}
1,x キーのコールバック関数は少し薄いです.また、規範性がないので、2.x後に改善されます. みなさんのためになりたいです.転載は出典を明示してください.http://blog.csdn.net/jiweigang1/article/details/8454474