關於 jeecg 提供的部門樹,相信很多小夥伴都已經用過了,今天假裝有那麼乙個需求"部門樹彈窗選擇預設展開下級部門",帶著這個需求再次去探索一下吧。
**片段:
t:departselect>
關於selectednamesinputid與selectedidsinputid屬性:
使用"t:departselect"標籤其實幫我們建立了兩個input,orgnames與orgids,就是上方指定的兩個屬性名稱,效果如下:
通過生成的這兩個input,我們發現重點落在了opendepartmentselect()這個方法,下面來看一下這個方法。
方法**:
關於上方這兩個方法的解讀:
介面載入,首先請求資料,獲取資料後初始化 ztree,每次部件被點選都會觸發 ztreeonexpand 方法,附帶父部門 id 獲取子部門資料。
通過該介面我們找到了最先請求資料的方法:getdepartinfo方法,那麼這個方法其實我們通過上方的注釋已經了解到首次進入載入level為1的,意味著只載入了父部門的資料,通過具體後台**驗證:
果不其然,只載入了orgtype = 1的結節。
至此,我們已經清楚地了解到具體改造步驟在於資料,接下來要開始改造了。刪除掉了parentid的判斷條件
$(function(),
function(data)
//3、只展開第乙個節點
treeobj.expandnode(nodes[0], true, true, true);}}
);});
效果圖:
上方**,提供了1、2、3,其中1、2都是事先全部展開節點,3表示展開指定的節點,具體用法請參考:
既然我們了解到了ztee的使用,那麼我們不防再完善一下這個部門選擇,增加乙個模糊搜尋的功能,具體實現效果如下。
關於 jeecg 提供的部門樹,相信很多小夥伴都已經用過了,今天假裝有那麼乙個需求"部門樹彈窗選擇預設展開下級部門",帶著這個需求再次去探索一下吧。
**片段:
t:departselect>
關於selectednamesinputid與selectedidsinputid屬性:
使用"t:departselect"標籤其實幫我們建立了兩個input,orgnames與orgids,就是上方指定的兩個屬性名稱,效果如下:
通過生成的這兩個input,我們發現重點落在了opendepartmentselect()這個方法,下面來看一下這個方法。
方法**:
關於上方這兩個方法的解讀:
介面載入,首先請求資料,獲取資料後初始化 ztree,每次部件被點選都會觸發 ztreeonexpand 方法,附帶父部門 id 獲取子部門資料。
通過該介面我們找到了最先請求資料的方法:getdepartinfo方法,那麼這個方法其實我們通過上方的注釋已經了解到首次進入載入level為1的,意味著只載入了父部門的資料,通過具體後台**驗證:
果不其然,只載入了orgtype = 1的結節。
至此,我們已經清楚地了解到具體改造步驟在於資料,接下來要開始改造了。刪除掉了parentid的判斷條件
$(function(),
function(data)
//3、只展開第乙個節點
treeobj.expandnode(nodes[0], true, true, true);}}
);});
效果圖:
上方**,提供了1、2、3,其中1、2都是事先全部展開節點,3表示展開指定的節點,具體用法請參考:
既然我們了解到了ztee的使用,那麼我們不防再完善一下這個部門選擇,增加乙個模糊搜尋的功能,具體實現效果如下。
改造一下jeecg中的部門樹(老版本)
關於 jeecg 提供的部門樹,相信很多小夥伴都已經用過了,今天假裝有那麼乙個需求 部門樹彈窗選擇預設展開下級部門 帶著這個需求再次去探索一下吧。片段 selectednamesinputid orgnames selectedidsinputid orgids t departselect 關於s...
改造一下C Substring 函式
c 的substring 函式中,如果我們一不小心輸入乙個擷取長度大於字串的長時,就會收到乙個異常 startindex cannot be larger than length of string 如 網頁執行之後 insus.net的要求是,只要輸入乙個大於或是等於0的數值時,它就能幫助我們擷取...
改造一下上次vue的loading外掛程式
上一次我們將loading元件封裝成了外掛程式,基本上使用起來並沒有多大問題,剛好足夠使用。我們現在來稍微改造一些這個loading外掛程式,實現乙個簡單的功能,使之能夠延遲關閉loading這個浮層。目前這個外掛程式我們只能夠this.vloading.show 和this.vloading.hi...