Angular EasyUI 基本表格

2020-06-24 17:29 更新

屬性列表

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

  • rowCss 屬性代碼實(shí)例:

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

  • sorts屬性代碼實(shí)例:

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

事件列表

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

方法列表

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

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)