简要描述:

  • ibps-card-list组件内部的Attributes、Events

card-list 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
createText string 创建模块得文字展示 —– —–
identity string 权限标识 —– —–
data Array 表格数据 —– true
height Number, String 卡片高度 —– —–
width Number, String 卡片高度 —– 200
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 表格分页数据 —– {}

card-list 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 表格高度处理调整 —–
handleTableHeight 获取表格高度 showToolbar
hasPermission 验证是否拥有对应按钮权限 menu
getPermissionKey 获取对应得按钮权限 menu
handlePaginationSizeChange 每页条数改变 pageSize
handlePaginationCurrentChange 当前页码改变 currentPage
handlePaginationPrevClick 上一页 currentPage
handlePaginationNextClick 下一页 currentPage
handlePaginationChange 改变页数 { pageSize, currentPage }
getSearcFormData 获取搜索栏填写值 resetPage
resetSearch 重置搜索 —–
handleAttribute 组件属性默认值 attribute, defaultValue
handleOptionsAttribute 处理组件属性【选项值类型】默认值 options, key, defaultValue
文档更新时间: 2021-05-25 11:53   作者:admin