コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery が動的ツリーを作成するサンプル code_jquery

JQuery が動的ツリーを作成するサンプル code_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-05-16 17:27:33
オリジナル
1131 人が閲覧しました
コードをコピー コードは次のとおりです:

// ビジネス タイプ ツリー
var settingsOther = {
edit: {
enable: false
},
// 非同期読み込みツリー
async: {
enable: true,
url:"initCoagencyTree.action",
autoParam :["id", "name=n"],
otherParam:{"otherParam":"zTreeAsyncTest"},
dataFilter: filter
},
// 単純なデータ形式
data: {
simpleData: {
enable: true
}
},
// コールバック関数
callback: {
beforeClick: beforeClick,
onClick: onClick
}
};
//マウスイベント
関数 beforeClick(treeId,treeNode, clickFlag) {
//通常の選択
if(clickFlag==1){
parent.document.getElementById("coagencyId").value=treeNode.id;
parent.document.getElementById("parentId").value=treeNode.pId(" name") .value=treeNode.name;
$("#coagencyId").attr("value",treeNode.id);
$("#parentId").attr("value",treeNode .pId) ;
}else{
// チェックを外して値を空白のままにします
$("#coagencyId").attr("value",null); ).attr ("value",null);
}
return (treeNode.click != false);
}
// マウス
関数 onClick でノードを削除するメソッド(event,treeId,treeNode,clickFlag) {
// デフォルトの実行メソッドは、ノードの詳細情報を表示します。
parent.showCoagencyDetail();
// 非同期読み込みである必要があります。 function
function filter(treeId,parentNode , childNodes) {
if (!childNodes) return null;
for (var i=0; ichildNodes[i ].name = childNodes[i].name .replace(/.n/g, '.');
}
return childNodes;
}
// 非同期読み込みは関数である必要があります
function beforeAsync(treeId,treeNode) {
returntreeNode ?treeNode.level <
}
//ツリーを初期化します
$(document).ready() {
$.fn.zTree.init( $("#coagencyTree"),settingOther);
-- ツリー ノード ID -- >

="coagencyForm.parentId" id="parentId"/ >





関連ラベル：
jquery
ソース：php.cn
前の記事：js グラデーション表示 グラデーション消える サンプルコード_javascriptスキル 次の記事：HTML コードを含む長い HTML テキストのインターセプトに同様に適用できる 2 つのメソッド_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
jquery ノートはどこでダウンロードできますか?
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
Angular.js と JQuery はどのように連携しますか?
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート