d2-crud-plus

# 事件

# select

  • 说明: 当用户手动勾选数据行的 Checkbox 时触发的事件
  • 参数: selection, row

# select-all

  • 说明: 当用户手动勾选全选 Checkbox 时触发的事件
  • 参数: selection

# selection-change

  • 说明: 当选择项发生变化时会触发该事件
  • 参数: selection

# current-change

  • 说明: 当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开 options 中的 highlight-current-row 属性
  • 参数: currentRow, oldCurrentRow

# cell-mouse-enter

  • 说明: 当单元格 hover 进入时会触发该事件
  • 参数: row, column, cell, event

# cell-mouse-leave

  • 说明: 当单元格 hover 退出时会触发该事件
  • 参数: row, column, cell, event

# cell-click

  • 说明: 当某个单元格被点击时会触发该事件
  • 参数: row, column, cell, event

# cell-dblclick

  • 说明: 当某个单元格被双击击时会触发该事件
  • 参数: row, column, cell, event

# row-click

  • 说明: 当某一行被点击时会触发该事件
  • 参数: row, event, column

# row-contextmenu

  • 说明: 当某一行被鼠标右键点击时会触发该事件
  • 参数: row, event

# row-dblclick

  • 说明: 当某一行被双击时会触发该事件
  • 参数: row, event

# header-click

  • 说明: 当某一列的表头被点击时会触发该事件
  • 参数: column, event

# header-contextmenu

  • 说明: 当某一列的表头被鼠标右键点击时触发该事件
  • 参数: column, event

# sort-change

  • 说明: 当表格的排序条件发生变化的时候会触发该事件
  • 参数: { column, prop, order }

# filter-change

  • 说明: 当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。
  • 参数: filters

# row-add

  • 说明: 当表格新增数据的时候会触发该事件
  • 参数: row, done()
  • 触发后务必调用done()方法关闭对话框

# row-edit

  • 说明: 当表格修改数据的时候会触发该事件
  • 参数: index, row, done()
  • 触发后务必调用done方法关闭对话框

# dialog-open

  • 说明: 当表格新增或修改打开模态框前
  • 参数: {mode, row}

# dialog-opened

  • 说明: 当表格新增或修改打开模态框后（此时表单数据和表单组件的配置已准备好）
  • 参数: { mode ,row ,form:表单数据 ,template:字段配置,groupTemplate:分组配置}
  • 注意: 此时表格组件还未初始化，无法获取到组件ref

# dialog-cancel

  • 说明: 当表格取消新增或修改数据的时候会触发该事件
  • 参数: done()

# row-remove

  • 说明: 当表格删除数据的时候会触发该事件
  • 参数: index, row

# pagination-size-change

  • 说明: 当分页 pageSize 改变时会触发
  • 参数: pageSize

# pagination-current-change

  • 说明: 当分页 currentPage 改变时会触发
  • 参数: currentPage

# pagination-prev-click

  • 说明: 当分页上一页按钮被用户点击改变当前页后触发
  • 参数: currentPage

# pagination-next-click

  • 说明: 当分页下一页按钮被用户点击改变当前页后触发
  • 参数: currentPage

# cell-data-change

  • 说明: 表格内编辑时单元格数据改变触发
  • 参数: { rowIndex,key,value,row }

# form-data-change

  • 说明: 表单数据改变触发
  • 参数:
{
 key, //key
 value, //值
 form, //表单数据
 component, //当前组件ref
 getComponent(key) // 根据字段key，获取当前表单内的其他组件ref
}

# rowHandle自定义按钮事件

  • 说明: 表单数据改变触发
  • 参数: {index,row}
rowHandle:{
    custom:[
        {
            ...,
            emit:'xxx'  //自定义按钮事件
        }
    ]
}

监听自定义按钮事件

<d2-crud-x @xxx='handleXxx'></d2-crud-x>

← 插槽 →