示例
const tableList = new TableList({
viewModel: { // autocasts as new TableListViewModel
map: map // specify the map containing the tables
}
});
属性概述
名称 | 类型 | 描述 | 对象 |
---|---|---|---|
Boolean | 是否提供图层是否正在 TableList 中发布的指示。 更多详情 | TableListViewModel | |
ListItemCreatedHandler | 指定访问每个 ListItem 的函数。 更多详情 | TableListViewModel | |
Map|WebMap | 对包含表格的地图的引用。 更多详情 | TableListViewModel | |
String | 视图模型的状态。 更多详情 | TableListViewModel | |
Collection<ListItem> | 微件中显示的表 ListItem 的集合。 更多详情 | TableListViewModel |
属性详细信息
-
checkPublishStatusEnabled Boolean起始版本:GeoScene Maps SDK for JavaScript 4.25
-
是否提供图层是否正在 TableList 中发布的指示。发布图层时,列表项标题右侧将显示一个旋转的方形。如果
checkPublishStatusEnabled
为false
,则列表项目的 publishing 属性将为false
。- 默认值:false
-
listItemCreatedFunction ListItemCreatedHandler
-
指定访问每个 ListItem 的函数。每个列表项都可根据其可修改的属性进行修改。可以使用 ListItem 的 actionsSections 属性将操作添加到列表项。
-
对包含表格的地图的引用。设置此属性以访问地图中的基础表。
- 另请参阅
示例// FeatureLayer.isTable = true. Layer.fromPortalItem({ // Loads a layer (table) from a portal item portalItem: { // autocasts new PortalItem() id: "add portal id item" } }).then(function(layer) { // Load the layer layer.load().then(function() { // Check if the layer is a table if (layer.isTable) { map.tables.add(layer); console.log(map.tables); } }); }); const tableList = new TableList({ map: map // map contains tables collection });
-
state Stringreadonly
-
视图模型的状态。
可能值:"loading"|"ready"|"disabled"
- 默认值:disabled
-
tableItems Collection<ListItem>readonly
-
微件中显示的表 ListItem 的集合。
类型定义
-
ListItemCreatedHandler(event)
-
listItemCreatedFunction 属性的函数定义。
参数event Object包含由 TableList 创建的列表项的对象。
规范item ListItem由 TableListViewModel 创建的列表项。您可以修改此项目的属性以自定义列表项目的文本、操作和可见性。有关详细信息,请参阅 listItemCreatedFunction 的文档。
事件概述
名称 | 类型 | 描述 | 对象 |
---|---|---|---|
{action: ActionButton,ActionToggle,item: ListItem} |
用户在 TableList 微件内单击操作或操作切换后触发。 更多详情 |
TableListViewModel |
事件详细说明
-
trigger-action
-
- 属性
-
action ActionButton|ActionToggle
用户单击的操作。
item ListItem与操作关联的项目。
示例tableList.viewModel.on("trigger-action", function (event) { let item = event.item; // Capture the action id. let id = event.action.id; if (id === "information") { window.open(item.layer.url); } });