codecamp

Vue EasyUI 基本表格

属性列表

名称	数据类型	作用描述	默认值
data	array	要加载的数据行。
footerData	array	加载的页脚数据行。	[ ]
rowHeight	number	行高度。	32
rowCss	Object, Function	行CSS样式。值可以是style类，内联样式或返回样式类或内联样式的自定义函数。	null
frozenWidth	number, string	冻结视图宽度。	200px
frozenAlign	string	冻结视图对齐。可选的值:'left', 'right'。	left
sorts	Object, Array	初始化类。	[ ]
multiSort	boolean	是否启用多列排序。	false
showHeader	boolean	是否显示列标题。	true
showFooter	boolean	是否显示页脚行。	false
editMode	string	编辑模式。可选的值:'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'}]

事件列表

名称	参数	作用描述
rowDblClick	row	当双击一行时触发。
cellDblClick	{row, column}	当双击单元格时触发。
rowContextMenu	{row, originalEvent}	当右击一行时触发。
cellContextMenu	{row, column, originalEvent}	右击单元格时触发。
pageChange	{pageNumber, pageSize}	当页面更改时触发。
sortChange	sorts	当排序发生更改时触发。
editBegin	{row, column, originalValue}	开始编辑行或单元格时触发。
editEnd	{row, column, originalValue}	在结束编辑行或单元格时触发。
editCancel	{row, column, originalValue}	取消编辑行或单元格时触发。

方法列表

名称	参数	返回值	作用描述
beginEdit	row, column	void	开始编辑行或单元格。
endEdit	none	void	结束当前编辑行或单元格。
cancelEdit	row, column	void	取消当前编辑行或单元格。

注：
- 继承： ListBase 。

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }