JEECG樹(TreeGrid)欄位的擴充套件

2022-02-21 23:28:39 字數 4399 閱讀 9990

**:

之前使用jeecg整合框架做過乙個專案

這裡說說框架中樹(tree)欄位的擴充套件,在jeecg整合框架中,樹列字段預設只能顯示兩列,如下圖所示:

通常情況下前後臺**格式如下所示

前台**獲取(部分)

"departlist

" title="

部門列表

" actionurl="

departcontroller.do?departgrid

" treegrid="

true

" idfield="

departid

" pagination="

false

" onclick="

queryusersbyrowdata

">

"編號" field="

id" treefield="

id" hidden="

false

">

"部門名稱

" field="

departname

" treefield="

text

" >

"職能描述

" field="

description

" treefield="

src">

"操作" field="

opt">

"departcontroller.do?del&id=

" title="

刪除">

"queryusersbydepart(id)

" title="

檢視成員

">

後台**(部分)

/*** 部門列表,樹形展示

}以上是沒有是沒有擴充套件樹字段的例項,以下是擴充套件的例項

!擴充套件方法

其實擴充套件方法很簡單,因為 作者已經幫我們留了擴充套件的方法了。捕捉樹列表響應的資料如下(部分響應資料):

[ ,

, , ]

以上資料可以看出在每條返回的資料中存在乙個attribute欄位,但都是空值。其實這個就是可以擴充套件的字段attribute是乙個hashmap

即擴充套件樹字段的方法原理就是後台新增attribute並把需要在前台顯示的值存進去,前台取attribute的值。**如下

後台**(因為沒有擴充套件上面機構tree**,我挑選了其他樹擴充套件的**)

mapmap;

for (int i = 0; i < treegrids.size(); i++)

把需要擴充套件顯示的字段put進去,上面我增加了乙個顯示字段,如果有多個同樣put多個進去。

前台jsp**

"assetdepreciationlist

" title="

折舊型別管理

" actionurl="

assetdepreciationcontroller.do?assetdepreciationgrid

" idfield="

id" treegrid="

true

" pagination="

false

" fit="

true

">

"編號" field="

id" treefield="

id" hidden="

false

">

"折舊計算方法

" field="

depreciationway

" treefield="

text

">

"折算週期

" field="

depreciationcycle

" treefield="

src">

"方法描述

" field="

attributes.description

" treefield="

attributes.description

" extendparams="

formatter:function(value, rec, index);

" width="

200">

"操作" field="

opt" width="

100">

"刪除" url="

assetdepreciationcontroller.do?del&id=

"/>

"錄入" icon="

icon-add

" url="

assetdepreciationcontroller.do?addorupdate

" funname="

add">

"編輯" icon="

icon-edit

" url="

assetdepreciationcontroller.do?addorupdate

" funname="

update

">

"檢視" icon="

icon-search

" url="

assetdepreciationcontroller.do?addorupdate

" funname="

detail

">

方法描述即為擴充套件的顯示列(寫法如下)

寫法一"

方法描述

" field="

attributes.description

" treefield="

attributes.description

" extendparams="

formatter:function(value, rec, index);

" width="

200">或者是將js方法寫出來

寫法二"

方法描述

" field="

attributes.description

" treefield="

attributes.description

" extendparams="

formatter:getdescription;

" width="

200">function getdescription(value, rec, index)

以上就是jeecg中樹的列顯示字段擴充套件,如果有多個需要擴充套件就根據以上格式編寫多個即可。

JEECG樹(TreeGrid)欄位的擴充套件

之前使用jeecg整合框架做過乙個專案 這裡說說框架中樹 tree 欄位的擴充套件,在jeecg整合框架中,樹列字段預設只能顯示兩列,如下圖所示 通常情況下前後臺 格式如下所示 前台 獲取 部分 後台 部分 部門列表,樹形展示 以上是沒有是沒有擴充套件樹字段的例項,以下是擴充套件的例項其實擴充套件方...

改造一下jeecg中的部門樹

關於 jeecg 提供的部門樹,相信很多小夥伴都已經用過了,今天假裝有那麼乙個需求 部門樹彈窗選擇預設展開下級部門 帶著這個需求再次去探索一下吧。片段 t departselect 關於selectednamesinputid與selectedidsinputid屬性 使用 t departsele...

改造一下jeecg中的部門樹(老版本)

關於 jeecg 提供的部門樹,相信很多小夥伴都已經用過了,今天假裝有那麼乙個需求 部門樹彈窗選擇預設展開下級部門 帶著這個需求再次去探索一下吧。片段 selectednamesinputid orgnames selectedidsinputid orgids t departselect 關於s...