EasyUI組件treegrid構建樹形組織機構

来源:https://www.cnblogs.com/walkwithmonth/archive/2020/04/18/12725531.html
-Advertisement-
Play Games

公司組織機構是樹形機構,每個層級的機構可能有下屬機構,依次遞進到最末不可細分的末端機構。為了方便查找與維護,採用樹狀格式展現表格數據,點擊展開下級機構。 1. 首先設計資料庫表結構,關鍵是本級機構編號deptid與上級機構編號abvbranch create table RQ_DEPT ( dept ...


     公司組織機構是樹形機構,每個層級的機構可能有下屬機構,依次遞進到最末不可細分的末端機構。為了方便查找與維護,採用樹狀格式展現表格數據,點擊展開下級機構。

 

  1. 首先設計資料庫表結構,關鍵是本級機構編號deptid與上級機構編號abvbranch   

create table RQ_DEPT
(
  deptid         VARCHAR2(30) not null,
  name           VARCHAR2(200) not null,
  kind           VARCHAR2(5),
  branchid       VARCHAR2(20),
  abvbranch      VARCHAR2(20),
  isused         VARCHAR2(2) default '1',
  transtime      NUMBER(6),
  transdatatimes NUMBER(6)
)

 2.編寫Bean對象,controller、service、dao層業務邏輯

 1 public class Dept { 
 2     
 3     private String deptId;//機構編碼 
 4     private String deptName;//機構名稱 
 5     private String kind;    //機構類型 
 6     private String branchId;//分公司 
 7     private String abvbranch;//上級機構 
 8     private String isUsed;//使用狀態
 9     // 省略 get set
10     
11 }

 

 

3.設計虛擬Bean對象相容EasyUI頁面對象

public class DeptTree extends Dept {
	
	private String id;
	
	private String text;
	
	private String state;//狀態
	
	private List<DeptTree> children;
        // 省略get 、set
}

4.編寫JS腳本,實現頁面操作

 

 

 完整的示例代碼詳見Github:https://github.com/nextMonth/Module/tree/master/dept 


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

-Advertisement-
Play Games
更多相關文章
  • ES6支持在定義函數的時候為其設置預設值: function foo(height = 50, color = 'red') { console.log(height); console.log(color); } foo(0, ""); 普通函數: function foo(height, col ...
  • 普通函數:this 永遠指向調用它的對象,new的時候,指向new出來的對象。 箭頭函數:箭頭函數沒有自己的 this,當在內部使用了 this時,它會指向最近一層作用域內的 this。 //例1 var obj = { name: 'latency', sayName: function(){ c ...
  • 構造函數: function Foo(name,age){ this.name=name; this.age=age; this.class='class-1'; } var f=new Foo('cyy',18); 構造函數--擴展: 所有的引用類型都是構造函數 var a={} 是 var a= ...
  • 現在有四個主功能變數名稱的網站,需要共用cookie的invite_id PHP 通過後臺介面設置cookie和存儲cookies,後臺操作的cookie是介面功能變數名稱底下的cookie【pass】 Javascript: 主功能變數名稱a.com b.com 【其他的功能變數名稱同理】 a.com獲取到b.com底下存儲的c ...
  • 示例代碼托管在: "http://www.github.com/dashnowords/blogs" 博客園地址: "《大史住在大前端》原創博文目錄" [TOC] TensorFlow是Google推出的開源機器學習框架,並針對瀏覽器、移動端、IOT設備及大型生產環境均提供了相應的擴展解決方案,Te ...
  • [Flow](https://github.com/facebook/flow/) 是 Facebook 出品的,針對 JavaScript 的靜態類型檢查工具。它可以幫助捕獲 JavaScript 開發中的常見錯誤,而不需要額外地修改原有的代碼,比如靜態類型轉換,空值引用等問題。同時,Flow 為... ...
  • 變數類型和計算 值類型和引用類型 // 值類型 var a=100; var b=a; a=200; console.log(a+','+b);//a:200 b:100 //引用類型 var m={age:18}; var n=m; n.age=22; console.log(m.age+','+ ...
  • 今天我們來談談Web和前端開發過程中需要學習什麼?前端開發需要使用什麼開發工具?也簡單介紹前端開發前景和薪水。 前端工程師的主要職責: 前端工程師在不同的公司有不同的功能,但性質相似。 1、網站設計與網頁界面開發 2、做網站界面開發 3、Web界面開發,前端數據綁定,前臺邏輯 4、設計、開發、數據 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...