华为云ASTRO轻应用-标准页面中预置的API:表格类

时间:2025-05-07 16:59:13

表格类

  • 获取当前表格

    API:context.$component.table

    如果当前组件为表格,则直接返回。如果当前组件有关联的表格,则返回对应的表格(如表格查询条件、分页等)。否则,根据组件上下文向上查找最近的表格组件。

  • 获取查询条件

    API:_table.getCondition()

    _table为已获取的表格组件,返回表格绑定的查询条件。

  • 设置查询条件

    API:

    // 先获取条件,再进行赋值
    
    var condition = _table.getCondition();
    // 字段满足单个条件,默认操作是contains
    condition.queryInfo = {
    	"fieldName": "1"
    }
    // 字段满足单个条件,使用自定义操作
    condition.queryInfo = {
    	"fieldName": {
    		operator: "contains",
    		value: "1"
    	}
    }
    // 字段满足多个条件
    condition.queryInfo = {
    	"fieldName": [{
    		operator: "contains",
    		value: "1"
    	},
    	{
    		operator: "contains",
    		value: "2"
    	}]
    }
    // 分页条件
    condition.pageInfo: {
    	"pageSize": 10,
    	"curPage": 1
    }

    其中,“_table”为已获取的表格组件。

    入参:表格查询条件。

  • 执行查询

    API:_table.doQuery()

    其中,“_table”为已获取的表格组件。

  • 初始化行数据

    API:_table.rowInit()

    其中,“_table”为已获取的表格组件,初始化一条新的行数据,此方法执行后,数据并未添加到表格。

  • 添加行数据

    API:_table.addrow(newRowData: object)

    其中,“_table”为已获取的表格组件,此方法将初始化好的行数据添加到表格,此方法执行后,数据仅在前端表格保存,并未持久化到后端。

    入参:行数据。

  • 获取表格当前选中的行数据

    API: _table.getSelectedData()

    其中,“_table”为已获取的表格组件。

  • 删除表格行数据

    API:_table.doDelete(rows: array)

    其中,“_table”为已获取的表格组件。

    入参:表格行数据列表。

    示例:

    // 当前表格
    let _table = context.$component.table
    // 获取当前选中的行
    let rows = _table.getSelectedData()
    // 删除选中行
    _table.doDelete(rows)
  • 获取表格修改的数据(新增、修改、删除)

    API:_table.getOperatedData()

    其中,“_table”为已获取的表格组件。

  • 保存表格数据

    API:_table.doSave(operatedData: object)

    其中,“_table”为已获取的表格组件,此方法将当前表格做的修改操作进行持久化操作。

    入参:修改的表格数据。

    示例:

    // 当前表格
    let _table = context.$component.table
    // 获取修改的数据
    let operatedData = _table.getOperatedData()
    // 提交表格修改
    _table.doSave(operatedData)
support.huaweicloud.com/api-astrozero/astrozero_api_00101.html