Vue EasyUI 基本表格

2020-06-24 11:37 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
data array 要加載的數(shù)據(jù)行。
footerData array 加載的頁腳數(shù)據(jù)行。 [ ]
rowHeight number 行高度。 32
rowCss Object, Function 行CSS樣式。值可以是style類, 內(nèi)聯(lián)樣式或返回樣式類或內(nèi)聯(lián)樣式的自定義函數(shù)。 null
frozenWidth number, string 凍結(jié)視圖寬度。 200px
frozenAlign string 凍結(jié)視圖對齊??蛇x的值:'left', 'right'。 left
sorts Object, Array 初始化類。 [ ]
multiSort boolean 是否啟用多列排序。 false
showHeader boolean 是否顯示列標題。 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 當雙擊一行時觸發(fā)。
cellDblClick {row,  column} 當雙擊單元格時觸發(fā)。
rowContextMenu {row,  originalEvent} 當右擊一行時觸發(fā)。
cellContextMenu {row,  column,  originalEvent} 右擊單元格時觸發(fā)。
pageChange {pageNumber,  pageSize} 當頁面更改時觸發(fā)。
sortChange sorts 當排序發(fā)生更改時觸發(fā)。
editBegin {row,  column,  originalValue} 開始編輯行或單元格時觸發(fā)。
editEnd {row,  column,  originalValue} 在結(jié)束編輯行或單元格時觸發(fā)。
editCancel {row,  column,  originalValue} 取消編輯行或單元格時觸發(fā)。

方法列表

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

注:
- 繼承: ListBase 。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號