google-app-maker - 尝试了解页面的表格小部件中的排序

Question

我试图了解在加载页面时表格小部件中的排序是如何工作的。对于我使用表格小部件的大多数页面，页面加载按第一列排序。

我确实在页面中的表格面板的 onAttach 事件中看到了以下代码。我想知道这是否是在页面加载时设置排序的代码。

// GENERATED CODE: modify at your own risk
window._am = window._am || {};
if (!window._am.TableState) {
  window._am.TableState = {};
  window._am.inFlight = false;
}
if (!window._am.sortTableBy) {
  window._am.sortTableBy = function(datasource, field, fieldHeader, tableState) {
    if (!field) {
      throw "Can't sort the table because specified field was not found.";
    }
    tableState.inFlight = true;
    if (tableState.sortByField === field.name) {
      tableState.ascending = !tableState.ascending;
    } else {
      if (tableState.fieldHeader) {
        tableState.fieldHeader.text = tableState.fieldHeaderText;
        tableState.fieldHeader.ariaLabel = "";
      }
      tableState.sortByField = field.name;
      tableState.ascending = true;
      tableState.fieldHeader = fieldHeader;
      tableState.fieldHeaderText = fieldHeader.text;
    }
    datasource.query.clearSorting();
    var sortDirection = tableState.ascending ? "ascending" : "descending";
    datasource.query.sorting[field.name]["_" + sortDirection]();
    datasource.query.pageIndex = 1;
    datasource.load(function() {
      tableState.inFlight = false;
      fieldHeader.text = fieldHeader.text.replace(/ (\u25B2|\u25BC)/g, "");
      if (tableState.sortByField === field.name) {
        fieldHeader.ariaLabel = fieldHeader.text + " sort " + sortDirection;
        fieldHeader.text = fieldHeader.text + (tableState.ascending ? " \u25B2" : " \u25BC");
        app.accessibility.announce(fieldHeader.ariaLabel);
      }
    });
  };
}

Answer 1

排序是在您的数据源上设置的。

点击您的 table 正在使用的型号(左上角)。

单击数据源并展开您的数据源(只有一个，除非您创建了其他数据源)。

一旦您选择了希望表格用于排序的字段，您可以选择“升序”或“降序”。