AttributeTable
可用于图层属性的展示,支持单个图层和多个图层,并提供各类操作,支持扩展。
<mapgis-attribute-table></mapgis-attribute-table>
<mapgis-attribute-table-list></mapgis-attribute-table-list>
<mapgis-attribute-table-composer></mapgis-attribute-table-composer>
基本用法
图层列表
事件响应
API
以下 API 为 AttributeTable、AttributeTableList、AttributeTableComposer 共享的 API。
属性
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| layerParams | 图层参数 | QueryLayerParams | ||
| queryOtherOptions | 其他查询选项 | QueryOtherOptions | ||
| queryShowStyle | 查询结果显示样式 | QueryShowStyle | ||
| customMaxHeight | 自定义属性表容器高度 | function | tableElement => { return document.body.clientHeight - tableElement.getBoundingClientRect().top } | |
| closable | 是否可关闭,默认不显示关闭按钮 | boolean | false | |
| toolbar | 工具栏作用域插槽,{layer, filterAttributes} | slot | true | |
| enableFilter | 是否启用属性过滤,默认启用 | boolean | true | |
| enableStatistics | 是否启用属性统计,默认启用 | boolean | true |
事件
| 事件名称 | 说明 | 回调参数 | 版本 |
|---|---|---|---|
| attributeTableRowClick | 属性表行单击 | { layer, feature, prevent } | |
| attributeTableRowDoubleClick | 属性表行双击 | { layer, feature, prevent } | |
| beforePopupOpen | 打开弹窗前 | { layer, feature, popupOptions: { component, anchor, nameWidth, valueWidth, prevent } } | |
| afterPopupClosed | 关闭弹窗后 | { layer } | |
| close | 属性表关闭事件 |
AttributeTableComposer 属性
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| layersParams | 图层列表参数 | QueryLayerParams[] |
