2. 程式人生 > >jstree使用示例程式碼

jstree使用示例程式碼

阿新 • • 發佈：2018-11-19
首先定義一個展示樹的div <div id="twDept" class="tree-demo"></div>
     //初始化樹         function initTree() {             $('#twDept').jstree({                 "core": {
                     "themes": {                         "responsive": false
                     },                     'check_callback': true,                     'data': function (obj, callback) {
                         report.DataGet('查詢1級部門的介面路徑', null, function (data) {                             if (data) {                                 callback.call(this, data);                             }                         }, null, 'json');                     }                 },                 "types": {                     "default": {                         "icon": "fa fa-folder icon-state-warning icon-lg"                     },                     "file": {                         "icon": "fa fa-file icon-state-warning icon-lg"                     }                 },                 "plugins": ["types", "checkbox"],                 "checkbox": {                     "keep_selected_style": false,//是否預設選中                     "three_state": false//父子級別級聯選擇                 }             });             $('#twDept').on("loaded.jstree", function (e, data) {                 var root = e.target.firstChild.firstChild;                 data.instance.open_node(root);                 _inst = data.instance;             });             $('#twDept').on("open_node.jstree", function (e, data) {                 var inst = data.instance;                 var selectedNode = inst.get_node(data.node);                 var firChild = $('#twDept').jstree("get_node", inst.get_children_dom(selectedNode)[0].id);                 if (firChild.text == "" && selectedNode.id != e.target.firstChild.firstChild.id) {                     selectedNode.children = [];                     report.DataGet('查詢子節點的介面路徑'?code=' + selectedNode.li_attr.treeDeptCode, null, function (data) {                         if (data) {                             $.each(data, function (i, item) {                                 inst.create_node(selectedNode, item, "last");                             })                         }                     }, null, 'json');                 }             });             //end new         }

相關推薦

jstree使用示例程式碼

首先定義一個展示樹的div <div id="twDept" class="tree-demo"></div>     //初始化樹      &nb

簡單的PHP上傳圖片和刪除圖片示例程式碼

分享一例簡單的PHP上傳圖片和刪除圖片示例程式碼，很簡單，適合初學的朋友參考，用來研究php上傳圖片還是不錯的。 <?phpif (!empty($_FILES["img"]["name"])) { //提取檔案域內容名稱，並判斷$path=”uppic/”; //上傳路徑if(!file_exist

【Python+Tensorflow】Deep Q Network (DQN) 迷宮示例程式碼整理

Overview 本文程式碼整理自Morvan Zhou(莫煩Python [1])的機器學習相關教程 - 強化學習 - DQN部分 [2] Deep Q Network簡稱DQN，結合了Q learning和Neural networks的優勢。如果我們使用tabular Q

clipboard.js實現複製功能的示例程式碼

<div  class="coupon-text-wrap"> <span class="coupon-text" id="coupon-text"  > 123456 </span>   <span class="coupon

Angular6筆記之封裝http的示例程式碼

最近抽空學習了一下Angular6，之前主要使用的是vue，所以免不了的也想對Angular6提供的工具進行一些封裝，今天主要就跟大家講一下這個http模組。 之前使用的ajax庫是axios，可以設定baseurl，公共頭部；集中捕捉錯誤等，由於Angular6的依賴注入機制，是不能通過直接修

nio原理和示例程式碼

我正在為學習大資料打基礎中，為了手擼rpc框架，需要懂得nio的原理，在搞懂nio框架前，我會帶著大家手擼一些比較底層的程式碼，當然今後當我們學會了框架，這些繁瑣的程式碼也就不用寫了，但是學一學底層的程式碼也是有好處的嘛。 java.nio全稱java non-blocking IO（實際上是 new io

sendcloud golang 傳送簡訊 示例程式碼

package main import ( "fmt" "crypto/md5" "encoding/hex" "sort" "strings" "net/url" "bytes" "net/http" "io/ioutil" ) var urls =

擷取拼接成新的字串System.arraycopy()如何一分鐘快速掌握（示例程式碼詳解）

//該示例程式碼直接執行即可，喜歡我的文章請關注我，你們是我動力的源泉，謝謝 public static void main(String[] args) { //宣告一個字串型別的變數，在實際開發中變數為獲取的引數 String signDate="AAAAAAAAAAAAAAAAAAAA

lightgbm示例程式碼——機器學習

import sklearn as sk import gc import pandas as pd import numpy as np import lightgbm as lgb df_train = pd.read_csv('df_train.csv') y_train = df_t

Python示例程式碼之郵件傳送

          定時郵件傳送或告警郵件實時傳送是工作中常用的功能之一，該功能需要呼叫傳送郵件模組，如下為親測可用的Python編寫的郵件傳送程式碼，該程式碼使用qq郵箱可正常傳送郵件，使用163郵箱時提示554錯誤碼郵件無法正常發出。

SparkStreaming Direct 方式中手動管理 Kafka Offset 的示例程式碼

在大資料的場景下，流式處理都會藉助 Kafka 作為訊息接入的中介軟體，且 SparkStreaming 中 Direct 方式的優越性，現在可以說都使用 Direct 方式來獲取 Kafka 資料 Direct 方式是採用 Kafka 低階的 API 來獲取資料，也就是說我們要自己

thinkphp在模型中自動完成session賦值示例程式碼_php技巧

相信用過thinkphp的使用者都知道thinkphp的模型可以完成很多輔助功能，比如自動驗證、自動完成等，今天在開發中遇到自動完成中需要獲取session值然後自動賦值的功能，具體看程式碼； class ArticlelModel extends Model { protected $_aut

01_RxJava操作符示例程式碼

    抽時間研究了下RxJava，因為網路博文講述描述性文字較多，示例較少，很多時候不知道怎麼開始入手學習RxJava，因此在此發文讓想入門的看了博文之後實操一下，步驟很簡單：     1.在網上下載一個RxJava的jar包，我找到一個1.1.5j

js/jquery去掉空格,回車,換行示例程式碼

js/jquery去掉空格,回車,換行示例程式碼。需要的朋友可以過來參考下，希望對大家有所幫助 Jquery: $("#accuracy").val($("#accuracy").val().replace(/\ +/

java使用activemq示例程式碼

一、點對點通訊 1、訊息傳送者     import javax.jms.Connection; import javax.jms.ConnectionFactory; import javax.jms.Destination; import javax.jms

執行儲存過程時，返回引數示例程式碼

//引數 SqlParameter[] fparams = new SqlParameter[7]; fparams[0] = new SqlParameter("@ID", ID); fparams[

ADO.Net中DataSet的應用（知識點描述、思維導圖、示例程式碼、效果截圖）

一.知識點描述 ADO.NET是Microsoft公司推出的.NET框架中用於資料訪問的元件，ADO. NET是.Net FrameWork SDK 中用以操作資料庫的類庫的總稱。而DataSet 類則是ADO. NET中最核心的成員之一，也是各種開發基於.Net平臺程式語言開發資料庫應用程式最常接觸的類。

SAX解析示例程式碼和原理

import java.io.File; import javax.xml.parsers.SAXParser; import javax.xml.parsers.SAXParserFactory; /** * 第一個SAX讀取xml檔案程式 * @author APPle *

使用electron實現百度網盤懸浮視窗功能的示例程式碼

相關依賴 裡面使用了vuex vue vue-route storeJs storeJs 用來持久化vuex狀態 展示 相關依賴 裡面使用了vuex vue vue-route storeJs storeJs 用來持久化vuex狀態 展示 介紹說明

Oracle + Mybatis實現批量插入、更新和刪除示例程式碼

前言 Mybatis是web工程開發中非常常用的資料持久化的框架，通過該框架，我們非常容易的進行資料庫的增刪改查。資料庫連線進行事務提交的時候，需要耗費的資源比較多，如果需要插入更新的資料比較多，而且每次事務只提交一條資料，會造成非常大的資料庫資源浪費，導致資料庫效能、系統性能大幅度下降。