华为云ASTRO轻应用-标准页面中预置的API:表格类
表格类
- 获取当前表格
如果当前组件为表格,则直接返回。如果当前组件有关联的表格,则返回对应的表格(如表格查询条件、分页等)。否则,根据组件上下文向上查找最近的表格组件。
- 获取查询条件
_table为已获取的表格组件,返回表格绑定的查询条件。
- 设置查询条件
// 先获取条件,再进行赋值 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”为已获取的表格组件。
入参:表格查询条件。
- 执行查询
其中,“_table”为已获取的表格组件。
- 初始化行数据
其中,“_table”为已获取的表格组件,初始化一条新的行数据,此方法执行后,数据并未添加到表格。
- 添加行数据
API:_table.addrow(newRowData: object)
其中,“_table”为已获取的表格组件,此方法将初始化好的行数据添加到表格,此方法执行后,数据仅在前端表格保存,并未持久化到后端。
入参:行数据。
- 获取表格当前选中的行数据
其中,“_table”为已获取的表格组件。
- 删除表格行数据
API:_table.doDelete(rows: array)
其中,“_table”为已获取的表格组件。
入参:表格行数据列表。
示例:
// 当前表格 let _table = context.$component.table // 获取当前选中的行 let rows = _table.getSelectedData() // 删除选中行 _table.doDelete(rows)
- 获取表格修改的数据(新增、修改、删除)
其中,“_table”为已获取的表格组件。
- 保存表格数据
API:_table.doSave(operatedData: object)
其中,“_table”为已获取的表格组件,此方法将当前表格做的修改操作进行持久化操作。
入参:修改的表格数据。
示例:
// 当前表格 let _table = context.$component.table // 获取修改的数据 let operatedData = _table.getOperatedData() // 提交表格修改 _table.doSave(operatedData)