选择器
eui-grid-base
继承
ListBaseComponent
输入
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
data | any[] | 要加载的数据行。 | [] |
footerData | any[] | 加载的页脚数据行。 | [] |
rowHeight | number | 行高。 | 28 |
rowCss | any |
行CSS样式。值可以是样式类、内联样式或返回样式类或内联样式的自定义函数。
代码实例: css: (row) => { if (row.itemid == 'EST-11'){ return {background:'#b8eecf',fontSize:'14px',fontStyle:'italic'}; } return null; } |
null |
frozenWidth | any | 冻结视图宽度。 | 200px |
frozenAlign | string | 冻结视图对齐。可选的值:'left','right'。 | left |
sorts | any[] | 初始化类。
代码实例: sorts: [{field:'itemid',order:'desc'}] |
[] |
multiSort | boolean | 定义是否启用多列排序。 | false |
showHeader | boolean | 定义是否显示列标题。 | true |
showFooter | boolean | 定义是否显示页脚行。 | false |
editMode | string | 编辑模式。可选的值:'row','cell'。 | null |
clickToEdit | boolean | 定义单击单元格时是否进行编辑。 | false |
dblclickToEdit | boolean | 定义双击单元格时是否编辑。 | false |
事件
名称 | 参数 | 描述 |
---|---|---|
rowDblClick | row | 当双击一行时触发。 |
cellDblClick | row:any, column:any | 当双击单元格时触发。 |
rowContextMenu | row:any, originalEvent:Event | 当右击一行时触发。 |
cellContextMenu | row:any, column:any, originalEvent:Event | 右击单元格时触发。 |
pageChange | pageNumber:number, pageSize:number | 当页面更改时触发。 |
sortChange | any | 当排序发生更改时触发。 |
editBegin | row:any, column:any, originalValue: any | 在开始编辑行或单元格时触发。 |
editEnd | row:any, column:any, originalValue: any | 在结束编辑行或单元格时触发。 |
editCancel | row:any, column:any, originalValue: any | 取消编辑行或单元格时触发。 |
方法
名称 | 参数 | 返回值 | 描述 |
---|---|---|---|
beginEdit | row:any, column:any=null | void | 开始编辑行或单元格。 |
endEdit | 无 | void | 结束当前编辑行或单元格。 |
cancelEdit | 无 | void | 取消当前编辑行或单元格。 |