独自のカスタムイベントにイベントを編集、削除、ztreeノードのカスタムボタンを追加

設定を追加

    編集：{ 
        ドラッグ：{ 
            isCopyがある：falseに、
            isMove：trueに
        }、
        有効：trueに、// セットが編集モードである
        showRemoveBtn：showRemoveAndRenameBtn、
        showRenameBtn：showRemoveAndRenameBtn、
        removeTitle： "削除" 、
        renameTitleは： "修正" 
    }、
    ビュー：{ 
        dblClickExpand：偽、
        Showline：偽、
        addHoverDom：addHoverDom、    // マウスがノードに移動したときのためには、ユーザーのカスタムコントロールが表示され、削除ボタンでzTreeエディタ内に隠さ表示
        removeHoverDom：removeHoverDom、// マウスが削除されたノード、隠されたカスタムコントロール、同じzTree編集中に隠さショー、ボタン削除 
        selectedMultiを：falseに
    }、
    コールバック：{ 
        のonClick：archiveTypeTreeClick、
        beforeRemove：deleteNodeBefore、     // ノードイベントの前に除去され、戻り値に応じて削除できるようにするかどうかを決定するために 
        zTreeBeforeEditName：beforeEditNameを      // ノードを編集する前にイベントを、編集操作に応じて戻り値を許可するかどうかを判断 
    }

編集やフィルタを削除するには、また、分離することができ、

関数showRemoveAndRenameBtn（treeId、TREENODE）{
     IF （編集、およびTREENODE非現実的な条件を削除）{
         // [編集]を表示し、ボタンを削除していない
        返す falseに; 
    } 他{
         リターン をtrueに; 
    } 
}

アイコン

ときに編集、削除

編集および削除をしたときに表示されていません

イベントを追加するノード[追加]ボタンの上にマウスを移動

関数addHoverDom（treeId、TREENODE）{
     // 設定のみ親ノードが他を追加することができますが、唯一の編集できる
    のIF （条件のTreeNodeがイベントを追加する必要があります）{ 
        treeId = $（ "＃" + treeNode.tId + "_span" ）; 
        TREENODE。 editNameFlag || 0 <$（ "＃addBtn_" + treeNode.tId）.LENGTH ||（treeId.after（ "<スパンクラス= '[追加]ボタン' ID =「addBtn_" + treeNode.tId +「 'タイトル='新しいです「> </ span>の"）、（TREENODE = $（" ＃のaddBtn_ "+ treeNode.tId））&& treeNode.bind（"クリック」、増加関数（）{ 
            ）（イベントの呼び出しを追加]をクリックし、ここでされて、
            返す trueに。
        }））
    } 
}

アイコン

[追加]ボタン

マウスイベントを除去した後の追加削除

関数removeHoverDom（treeId、ツリーノード）{ 
    $（ "#addBtn_" + treeNode.tId）.unbind（）（削除）。
}

アイコン

[追加]ボタンを削除するには、[削除]

ノードのイベントトリガーのカスタムイベントを削除するように変更し、偽のイベントは、ノードの削除を防ぐためのものです

：公式サイト参照http://www.treejs.cn/v3/api.php 方法setting.callback.beforeEditNameを

関数deleteNodeBefore（treeId、ツリーノード）{
     IF {（条件削除イベントは示していない）
         // 処理を行う
        リターンを falseに; 
    } 
    これは、カスタムイベントである（）; 
    戻り falseに; 
}

編集ノードのイベントはカスタムイベントをトリガするように変更、それは誤ったトリガはイベントノード編集ztreeの元の名前ではありません返します

公式サイト参照：http://www.treejs.cn/v3/api.php 方法。setting.callbackを BeforeRemove

関数zTreeBeforeEditName（treeId、ツリーノード）{
     IF {（条件編集イベントが表示されていない）
         // 処理を行う
        リターンを falseに; 
    } 
    これは、カスタムイベントである（）; 
    戻り falseに; 
}

独自のカスタムイベントにイベントを編集、削除、ztreeノードのカスタムボタンを追加

おすすめ