Vuetable 事件

vuetable:initialized

  • 参数:

    • tableFields: Array — 规范化的字段定义
  • 使用:

    created生命周期挂钩期间将字段定义规范化后,将触发此事件。

vuetable:header-event

  • 参数:

    • 类型: String
    • payload: Object
  • 使用:

    当字段组件的表头部分希望将任何信息发送回其父Vuetable时,将触发此事件。

vuetable:field-event

  • 参数:

    • 类型: String
    • payload: Object
  • 使用:

    当字段组件的表数据部分想要将任何信息发送回其父Vuetable时,将触发此事件。

vuetable:pagination-data

  • 参数:

    • tablePagination: Object — 分页信息
  • 使用:

    从服务器成功检索数据并且有可用的分页信息时,将触发此事件。

vuetable:loading

  • 参数:none

  • 使用:

    在Vuetable开始从服务器请求数据之前,将触发此事件。这对于触发显示加载图像很有用。

vuetable:load-success

  • 参数:

    • response: Object — 服务器返回的响应
  • 使用:

    从服务器成功加载数据后,将触发此事件。

vuetable:load-error

  • 参数:

    • response: Object — 服务器返回的响应
  • 使用:

    当无法从服务器检索数据或服务器响应出现错误时,将触发此事件。

vuetable:loaded

  • 参数:none

  • 使用:

    Vuetable从服务器返回响应后将触发此事件。此事件不指示请求是成功还是失败。它仅表示请求已完成,并且已返回响应。

    这对于结束/隐藏加载图像很有用。

vuetable:row-changed

  • 参数:

    • dataItem: Object — 当前数据项
  • 使用:

    当Vuetable在表行渲染期间循环遍历数据时,将触发此事件。如果您想对数据进行一些处理,例如汇总值,这将很有用。

    重要!

    请注意,在此事件期间,切勿更改传入数据项或尝试更新任何实例数据,否则将导致“不确定的更新循环”。解决此事件的唯一方法是在Vue.js实例外部使用变量define

vuetable:row-clicked

  • 参数:

    • dataItem: Object — 当前数据项
    • event: Event –MouseObject事件
  • 使用:

    当用户单击行中的任何列时,将触发此事件。您可以使用传递事件对象来定位要操作的DOM元素。传入数据项参数是Vuetable从服务器接收的实际数据,并且它是反应式的。这意味着,如果更改其值,表中显示的数据也将更改。

    在这种情况下更改传入数据将不会导致“不确定的更新循环”。但是,所做的更改仅影响当前的显示数据。它不会更改服务器端的任何内容。

vuetable:row-dblclicked

  • 参数:

    • dataItem: Object — 当前数据项
    • event: Event — MouseObject事件
  • 使用:

    当用户在行中的任何列上“双击”时,将触发此事件。您可以使用传递事件对象来定位要操作的DOM元素。传入数据项参数是Vuetable从服务器接收的实际数据,并且它是反应式的。这意味着,如果更改其值,表中显示的数据也将更改。

    在这种情况下更改传入数据将不会导致“不确定的更新循环”。但是,所做的更改仅影响当前的显示数据。它不会更改服务器端的任何内容.

vuetable:cell-rightclicked

  • 参数:

    • dataItem: Object — 当前数据项
    • field: Object — 导致此事件的字段对象
    • event: Event — MouseObject事件
  • 使用:

    右键单击表格主体中的单元格时将触发此事件。

vuetable:cell-clicked

  • 参数:

    • dataItem: Object — 当前数据项
    • field: Object — 导致此事件的字段对象
    • event: Event — MouseObject事件
  • 使用:

    单击表格主体中的单元格时将触发此事件。

vuetable:cell-dblclicked

  • 参数:

    • dataItem: Object — 当前数据项
    • field: Object — 导致此事件的字段对象
    • event: Event — MouseObject事件
  • 使用:

    双击表主体中的单元格时将触发此事件。

vuetable:detail-row-clicked

  • 参数:

    • dataItem: Object — 当前数据项
    • event: Event — MouseObject事件
  • 使用:

    单击详细信息区域行时将触发此事件。

vuetable:checkbox-toggled

  • 参数:

    • isChecked: Boolean — 复选框的状态
    • dataItem: Object — 当前数据项
  • 使用:

    只要切换复选框,就会触发此事件。

vuetable:checkbox-toggled-all

  • 参数:

    • isChecked: Boolean — 复选框的状态
  • 使用:

    选中全选复选框后,将触发此事件。

vuetable:data-reset

  • 参数:none

  • 使用:

    调用resetData方法清除intableData 和中的结果将触发此事件 tablePagination.