Как отобразить список на нескольких сводных страницах или страницах веб-части spfx? - PullRequest
Новая
       10

Как отобразить список на нескольких сводных страницах или страницах веб-части spfx?

0 голосов
/ 10 марта 2020

В настоящее время я использую смесь элементов пользовательского интерфейса Microsoft Fabri c в созданной мной веб-части на основе spfx. У меня есть элементы списка, отображаемые из 3 разных списков. В списке много элементов, и их слишком много для отображения на одной веб-части, поэтому мне придется разделить список на страницы (для каждого отображаемого списка) или на сводную. Списки хранятся в состояниях массива (по одному, список А, список Б, список C). Так что я предполагаю, что я бы как-то разделил массив и отобразил их в разных точках или это переосмыслило его?

Просто для начала, вот функция для одного списка (список А, основной список): 

private _onRenderListA(item: IListAItem) {

    return (
      <div>
        <tr>
          <td style={{ width: '80px' }}>{item.Id}</td>
          <td style={{ width: '100px' }}><Link id={item.Id.toString()} onClick={this._togglePanel}>{item.Title}</Link></td>
          <td style={{ width: '15px' }}>
            <div className={styles.editIcon}><Icon iconName="Filter" id={item.Id.toString()} onClick={this._filterItem} />
            </div>
          </td>
        </tr>
      </div>
    );
  }

JSX: 

 <List items={this.state.ListAItems} onRenderCell={this._onRenderListA} />
...