TableListViewModel

AMD: require(["geoscene/widgets/TableList/TableListViewModel"], (TableListVM) => { /* code goes here */ });
ESM: import TableListVM from "@geoscene/core/widgets/TableList/TableListViewModel";
类: geoscene/widgets/TableList/TableListViewModel
起始版本:GeoScene Maps SDK for JavaScript 4.17
另请参阅
示例
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 中发布的指示。发布图层时,列表项标题右侧将显示一个旋转的方形。如果 checkPublishStatusEnabledfalse,则列表项目的 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 创建的列表项的对象。

规范

由 TableListViewModel 创建的列表项。您可以修改此项目的属性以自定义列表项目的文本、操作和可见性。有关详细信息,请参阅 listItemCreatedFunction 的文档。

事件概述

名称 类型 描述 对象
{action: ActionButton,ActionToggle,item: ListItem}

用户在 TableList 微件内单击操作操作切换后触发。

更多详情
TableListViewModel

事件详细说明

trigger-action

用户在 TableList 微件内单击操作操作切换后触发。此事件可用于定义单击特定操作时要执行的自定义函数。

属性

用户单击的操作。

与操作关联的项目。

示例
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);
  }
});

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。请参阅浏览器弃用帖子以获取更多信息