属性表

<sm-attributes layerName="全国671个气象站观测数据">
</sm-attributes>

Attributes

参数	说明	类型	可选值	默认值
layerName	图层名	string	-	-
title	属性表标题	string	-	-
dataset	数据来源	iPortalDataParameter | iServerDataParameter | GeoJSONParameter	-	-
associateWithMap	关联地图的配置。配置项	object	-	-
statistics	统计配置。配置项	object	-	-
toolbar	工具条配置。配置项	object	-	-
table	表格配置。配置项	object	-	-
fieldConfigs	列字段配置。配置项	object	-	-
customHeaderRow	设置头部行属性。使用	Function(column, index)	-	-
customRow	设置行属性。使用	Function(record, index)	-	-
layerStyle	图层样式	LayerStyle	-	-
lazy	是否开启 SuperMap Rest 地图服务/数据服务分页请求	boolean	-	true
mapTarget	关联地图容器 ID。如果该参数省略，则默认绑定其父组件为地图组件的 Map 实例或者第一个地图组件的 Map 实例	string	-	-

支持主题混入参数

associatewithmap

参数	说明	类型	可选值	默认值
enable	是否关联地图	boolean	-	true
zoomToFeature	是否缩放到选中要素	boolean	-	false
centerToFeature	是否居中选中要素	boolean	-	false
flyOptions	飞行配置项 (opens new window)	object	-	-

table

参数	说明	类型	可选值	默认值
showBorder	是否显示边框	boolean	-	true
showHeader	是否显示表头	boolean	-	false
pagination	分页配置	boolean | object	-	-

statistics

参数	说明	类型	可选值	默认值
showTotal	是否显示总数	boolean	-	true
showSelect	是否显示选中数量	boolean	-	true

fieldconfigs

参数	说明	类型	可选值	默认值
title	列标题	string	-	-
value	列数据	string	-	-
visible	列数据是否显示	boolean	-	-
align	设置列内容的对齐方式	string	'left' | 'right' | 'center'	'left'
filterMultiple	是否多选	boolean	-	false
width	列宽度	string | number	-	-
sorter	排序函数	Function	-	-
defaultSortOrder	排序的受控属性，外界可用此控制列的排序	boolean | string	-	-
search	是否可搜索	boolean	-	-
customCell	设置单元格属性 使用	Function(record, rowIndex)	-	-
customHeaderCell	设置头部单元格属性 使用	Function(column)	-	-
onFilter	确定筛选的运行函数	Function(value, record)	-	-
onFilterDropdownVisibleChange	自定义筛选菜单可见	Function(visible)	-	-

toolbar

参数	说明	类型	可选值	默认值
enable	是否开启工具条	boolean	-	true
showRefresh	是否显示刷新数据选项	boolean	-	true
showZoomToFeature	是否显示缩放到要素选项	boolean	-	true
showClearSelected	是否显示清除选中要素选项	boolean	-	true
showColumnsControl	是否显示列显示隐藏选项	boolean	-	true

Events

name	说明	回调参数
change	分页、排序、筛选变化时触发	function({pagination, filters, sorter, { currentDataSource }})
rowSelect	被选中行的 key 数组	function( changeableRowKeys )

customRowCell

适用于 customRow customHeaderRow customCell customHeaderCell。遵循Vue jsx语法。

<sm-attributes
  customRow={(record) => {
    return
      props: {
        xxx... //属性
      },
      on: { // 事件
        click: (event) => {},       // 点击行
        dblclick: (event) => {},
        contextmenu: (event) => {},
        mouseenter: (event) => {},  // 鼠标移入行
        mouseleave: (event) => {}
      },
    };
  )}
/>