jeecg boot 列表自定義列實現

2021-10-10 06:36:57 字數 1912 閱讀 9713

實現方法:

注意事項:

頁面自定義設定列表需要選擇的列,設定元件整合的兩種方法,乙個是在列表外增加設定元件,乙個是在列表表頭增加設定元件

具體**案例參照【常用示例-單錶模型示例】功能

data() 方法中配置

//表頭

columns:,

//列設定

settingcolumns:,

//列定義

defcolumns: [},,

.......

.......

]說明:columns:列表展示的列,初始為空。

settingcolumns:儲存勾選的列設定

defcolumns:定義列表可以展示的列資訊

增加設定按鈕,兩種實現方式任選其一即可

(一)第一種在列表外增加設定按鈕

重新整理

}

設定

(二)

,

}

< a-table > 中增加插槽**

}

在這裡插入**片
實現checkbox @change

//列設定更改事件

oncolsettingschange (checkedvalues)

if (this.settingcolumns.includes(item.dataindex))

return false

})this.columns = cols;

},

頁面載入時實現列的初始化方法

initcolumns())

this.settingcolumns = allsettingcolumns;

this.columns = this.defcolumns;

}else

if (colsettings.includes(item.dataindex))

return false;

})this.columns = cols;}}

created中呼叫:

created() ,
引入注意事項

需要引入vue

import vue from 'vue'
增加設時按鈕的第一種方式

重新整理

}

設定

增加設時按鈕的第二種方式

自定義列表

自定義列表不僅僅是一列專案,而是專案及其注釋的組合。自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義以 開始。娛樂明星 港台東南亞明星 內地明星 南韓明星 日本明星 時尚人物 愛綜藝內地綜藝 台灣綜藝 南韓綜藝 時尚生活服務 體育運動健身 追劇狂南韓電視劇集 香港電視劇集美劇...

自定義下拉列表

請選擇span class arrow down i class box prompt up notshow 1li 2li 3li 4li class tri i div div spinner btn spinner btn default txt spinner btn arrow down ...

自定義列表過濾

對列表進行 param 過濾返回 param result param param param param return public static listfilter listresult,q param 判斷物件是否滿足所有 terms 暫時只支援 and 一層 param result pa...