简要描述:

  • ibps-crud组件内部的Attributes、Events

Tabel Attributes

参数名 是否必须 类型 说明 可选值 默认值
size string 表格的尺寸 —– —–
toolbars Array, Boolean 表格的工具栏 —– —–
searchForm Object 表格的搜索栏 —– —–
title string 表格标题 —– —–
isTree Boolean 控制左树是否显示 —– false
pkKey string 表格主键 —– —–
columns Array 表头数据 —– —–
loading Boolean 表格加载 —– false
loadingOptions Object 表格加载配置 —– null
options Object 表格配置 —– {border: true,stripe: true}
indexRow Object, Boolean 索引 —– true
selectionRow Object, Boolean 多选 —– true
selectionType String 表格是否单选多选,radio表格单选、checkbox表格多选 radio/checkbox checkbox
data Array 表格数据 —– true
height Number, String 表格高度 —– —–
rowHandle Object 管理列 —– null
showPagination Boolean 显示分页 —– true
paginationOptions Object 分页或底部、自定义底部配置 —– { pagerCount: 5, pageSizes: [10, 20, 50, 100], layout: ‘prev, pager, next, jumper,sizes, ->,slot’}
totalKey String 总记录 —– totalCount
pageKey String 当前页数 —– page
pageSizeKey String 分页大小 —– limit
pageCountKey String 总页数 —– totalPages
pagination Object 表格分页数据 —– {}
showField Boolean 是否显示展示字段按钮 —– false

Tabel Methods

事件名称 说明 参数
clearSelection 表格存在单选多选列时,清除选择 —–
toggleRowSelection 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中) row, selected
toggleAllSelection 用于多选表格,切换所有行的选中状态 —–
handleCollapseExpandToolbar 处理工具栏收缩/展开 —–
handleCurrentChange 行选中状态 currentRow, oldCurrentRow
handleSelect 勾选数据时触发的事件 selection, row
handleSelectAll 勾选全选时触发的事件 selection
handleSelectionChange 复选框选择项发生变化时触发的事件 selection
handleCellMouseEnter 单元格 hover 进入时触发的事件 row, column, cell, event
handleCellMouseLeave 单元格 hover 退出时触发的事件 row, column, cell, event
handleCellClick 单元格点击时触发的事件 row, column, cell, event
handleCellDblclick 单元格双击时触发的事件 row, column, cell, event
handleRowClick 行点击时触发的事件 row, event, column
handleRowContextmenu 行右键点击时触发的事件 row, event
handleRowDblclick 行双击时触发的事件 row, event
handleHeaderClick 表头点击时触发的事件 column, event
handleHeaderContextmenu 表头右键点击时触发的事件 column, event
handleActionEvent 处理按钮的事件 【包含增删改查】 action, position, data, index
getSelectedIds 获取选中的值 —–
handleDataChange 同步外部表格数据到ibpsData内部 —–
handleSortChange 排序状态 { column, prop, order }
updateRow 更新行数据,index 表格数据索引,row 更新的表格行数据 index, row
addRow 新增行数据,row 新增的表格行数据 row
removeRow 删除行,index 被删除行索引 index
handleResize 表格高度处理调整 —–
doLayout 表格布局 —–
handleTableHeight 获取表格高度 showToolbar
hasRowHandleActions 是否有按钮 row, data
handleActionHidden 处理按钮隐藏,显示 hidden = false, row, data
handleShowFieldCheckAllChange 处理显示字段检查所有更改 value
handleCheckedShowFieldChange 处理检查显示字段更改 value
showFieldVisibleChange 显示字段可见变化 v
getSearchFormSlot 获取搜索栏插槽 —–
getSearcFormData 获取搜索栏填写值 resetPage
resetSearch 重置搜索 —–
handleAttribute 组件属性默认值 attribute, defaultValue
handleOptionsAttribute 处理组件属性【选项值类型】默认值 options, key, defaultValue

Tabel-column Methods

事件名称 说明 参数
getOption 获取标签的值 options, val, column = {}
handleColumnOptions 处理列表 key, options, val, column = {}
handleColumnDataConvert 处理列数据转换 data, separator = ‘,’
handleColumnLink 处理字段链接 column, row
handleColumnFilter 处理列过滤器 filter, value

Tabel-pagination Methods

事件名称 说明 参数
handlePaginationSizeChange 每页条数改变 pageSize
handlePaginationCurrentChange 当前页码改变 currentPage
handlePaginationPrevClick 上一页 currentPage
handlePaginationNextClick 下一页 currentPage
handlePaginationChange 页码重设 { pageSize, currentPage }
文档更新时间: 2019-11-28 17:41   作者:陈杰