dwz tree組件 取得所選擇的值

来源:http://www.cnblogs.com/MaxElephant/archive/2017/12/22/8086895.html
-Advertisement-
Play Games

DWZ的樹結構是按,的嵌套格式構成,最頂級的以class=”tree”標識。 treeFolder, treeCheck, expand|collapse則為可選的。 treeFolder:在所有樹節點前加上Icon圖標。 treeCheck:在所有樹節點前加上checkbox, expand表示樹... ...


DWZ的樹結構是按<ul>,<li>的嵌套格式構成,最頂級的<ul>以class=”tree”標識。

 treeFolder, treeCheck, expand|collapse則為可選的。

 treeFolder:在所有樹節點前加上Icon圖標。
 treeCheck:在所有樹節點前加上checkbox,

 expand表示樹的所有第一級節點預設是展開狀態
 collapse則表示所有第一級節點預設為摺疊狀態( 當expand與collapse都沒有時預設則會展開第一個節點 )

 此時需要在<a> 加上三個擴展屬性tname="", tvalue="", checked="",其中tname與tvalue對應該checkbox的name與  value屬性,

 checked表示checkbox的預設狀態是否checked.


        擴展屬性oncheck是自定義函數, 用來接收點擊checkbox時返回值, 當點擊非子樹節點checkbox時返回數據格式為:{checked:true|false,items:{name:name, value:value}}

當點擊了樹節點checkbox時, 此子樹節點下所有的checkbox都將選中, 同時返回此子樹節點下所有的checkbox的值


示例

private void recursionTreeMenu(String pId, StringBuffer buffer, List list, String url) {
        //這個url的作用是從jsp跳轉到後臺的修改鏈接裡面
        if (pId.equals("0")) {
            //DWZ的樹結構是按<ul>,<li>的嵌套格式構成,最頂級的<ul>以class=”tree”標識。
            //treeFolder:在所有樹節點前加上Icon圖標。
            //collapse則表示所有第一級節點預設為摺疊狀態
            buffer.append("<ul class=\"tree treeFolder collapse \" >");
        } else {
            buffer.append("<ul>");
        }
        List<Map> listMap = getSonMenuListByPid(pId, list);
        for (Map map : listMap) {
            String id = map.get("id").toString();// id
            String name = map.get("name").toString();// 名稱
            String isLeaf = map.get("isLeaf").toString();// 是否葉子科目
            buffer.append("<li><a onclick=\"onClickMenuNode(" + id + ")\"  href=\"" + url + "?id=" + id + "\" target=\"ajax\" rel=\"jbsxBox\"  value=" + id + ">" + name + "</a>");
            if (!isLeaf.equals("1")) {
                recursionTreeMenu(id, buffer, list, url);
            }
            buffer.append("</li>");
        }
        buffer.append("</ul>");
}

 

 

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Trie樹與AC自動機 作為現階段的學習中個人應有的常識,AC自動機形象的來講就是在Trie樹上跑的一個KMP。由此,我們就先來談一談Trie樹。(有圖) 1. Trie樹 又稱單詞查找樹,字典樹,一般用於字元串的匹配。它利用公共的字元串首碼進行查詢,減少了無謂的操作,是空間換時間的經典演算法。舉例: ...
  • 本文秉承著 你看不懂是你sb,我寫的代碼就要牛逼 的理念來介紹一些js的裝逼技巧。 下麵的技巧,後三個,請謹慎用於團隊項目中(主要考慮到可讀性的問題),不然,leader 乾你沒商量。 [圖片上傳失敗...(image-922e98-1513315809572)] image.png Boolean ...
  • 在2017年末,Face++發了一篇論文[ShuffleNet: An Extremely Efficient Convolutional Neural Network for Mobile Devices ](https://arxiv.org/abs/1707.01083)討論了一個極有效率且可... ...
  • Java基礎 進程和線程的區別; Java的併發、多線程、線程模型; 什麼是線程池,如何使用? 數據一致性如何保證;Synchronized關鍵字,類鎖,方法鎖,重入鎖; Java中實現多態的機制是什麼; 如何將一個Java對象序列化到文件里; 說說你對Java反射的理解; 同步的方法;多進程開發以 ...
  • 0引言 隨著萬維網的發展和大數據時代的到來,每天都有大量的數字化信息在生產、存儲、傳遞和轉化,如何從大量的信息中以一定的方式找到滿足自己需求的信息,使之有序化並加以利用成為一大難題。全文檢索技術是現如今最普遍的信息查詢應用,生活中利用搜索引擎,在博客論壇中查找信息,這些搜索的核心原理就是本文要實現的 ...
  • 開始爬蟲之旅。 認識爬蟲 網路爬蟲(又被稱為網頁蜘蛛,網路機器人,spider),是一種按照一定的規則,自動地抓取互聯網信息的程式或者腳本。通俗的講就是通過程式自動去獲取web頁面上自己想要的數據。 主要就是模擬瀏覽器打開網頁,獲取網頁中我們想要的那部分數據。 簡單的說一下瀏覽器打開網頁的過程:在瀏 ...
  • mybatis generator-自動生成代碼 準備材料: 一個文件夾,一個資料庫的驅動包,mybatis-generator-core-1.3.5.jar,一條生成語句 如圖:(我用的是derby資料庫,使用其他資料庫需修改相應的jar驅動包) generatorConfig.xml文件 可以根 ...
  • 1.E:創建nodejs文件夾 2.先配置npm的全局模塊的存放路徑以及cache路徑: npm config set prefix "E:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache" 3.安裝express模塊 n ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...