TableListViewModel

const tableList = new TableList({
  viewModel: { // 转换成 new TableListViewModel
    map: map // specify the map containing the tables
  }
});

属性列表

属性详细说明

listItemCreatedFunction ListItemCreatedHandler

指定访问每个 ListItem 的函数。 每个列表项都可以根据其可修改的属性进行修改。 可以使用 ListItem 的 actionsSections 属性将操作添加到列表项。

map Map|WebMap

对包含表格的地图的引用。设置此属性以访问地图中的基础表。

示例:

• Map.tables
• WebMap.tables

示例代码:

// 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}

事件详情

trigger-action

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

属性:

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