Angular EasyUI 基本表格

2020-06-24 17:29 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
data any[ ] 要加載的數(shù)據(jù)行。 [ ]
footerData any[ ] 加載的頁腳數(shù)據(jù)行。 [ ]
rowHeight number 行高度。 28
rowCss any 行CSS樣式。值可以是style類, 內(nèi)聯(lián)樣式或返回樣式類或內(nèi)聯(lián)樣式的自定義函數(shù)。 null
frozenWidth any 凍結(jié)視圖寬度。 200px
frozenAlign string 凍結(jié)視圖對齊??蛇x的值:'left', 'right'。 left
sorts any[ ] 初始化類。 [ ]
multiSort boolean 是否啟用多列排序。 false
showHeader boolean 是否顯示列標(biāo)題。 true
showFooter boolean 是否顯示頁腳行。 false
editMode string 編輯模式??蛇x的值:'row', 'cell'。 null
clickToEdit boolean 定義單擊單元格時是否進行編輯。 false
dblclickToEdit boolean 定義雙擊單元格時是否編輯。 false

  • rowCss 屬性代碼實例:

css: (row) => {
    if (row.itemid == 'EST-11'){
        return {background:'#b8eecf',fontSize:'14px',fontStyle:'italic'};
    }
    return null;
}

  • sorts屬性代碼實例:

sorts: [{field:'itemid',order:'desc'}]

事件列表

名稱 參數(shù) 作用描述
rowDblClick row 當(dāng)雙擊一行時觸發(fā)。
cellDblClick row:any, column:any 當(dāng)雙擊單元格時觸發(fā)。
rowContextMenu row:any, originalEvent:Event 當(dāng)右擊一行時觸發(fā)。
cellContextMenu row:any, column:any, originalEvent:Event 右擊單元格時觸發(fā)。
pageChange pageNumber:number, pageSize:number 當(dāng)頁面更改時觸發(fā)。
sortChange any 當(dāng)排序發(fā)生更改時觸發(fā)。
editBegin row:any, column:any, originalValue: any 開始編輯行或單元格時觸發(fā)。
editEnd row:any, column:any, originalValue: any 在結(jié)束編輯行或單元格時觸發(fā)。
editCancel row:any, column:any, originalValue: any 取消編輯行或單元格時觸發(fā)。

方法列表

名稱 參數(shù) 返回值 作用描述
beginEdit row:any, column:any=null void 開始編輯行或單元格。
endEdit none void 結(jié)束當(dāng)前編輯行或單元格。
cancelEdit none void 取消當(dāng)前編輯行或單元格。

注:
- 繼承: ListBaseComponent 。
- 選擇器: eui-grid-base 。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號