Mashup Builder > Виджеты > Стандартные виджеты > Виджет "Сетка" > Использование сетки с виджетом "Постраничная разбивка"
Использование сетки с виджетом "Постраничная разбивка"
Виджет "Сетка" отображает все данные из привязанной таблицы данных на одной странице. Когда число и размер строк больше доступного пространства на экране, отображаются полосы прокрутки. Можно разбивать данные сетки на страницы, разбивая строки данных на несколько страниц. Это помогает пользователям быстро перемещаться к конкретной части большого набора данных. Для разбиения данных на страницы необходимо создать сервис разбиения на страницы, добавить виджет "Постраничная разбивка", а затем создать привязки между виджетом "Постраничная разбивка", виджетом "Сетка" и сервисом. В следующей процедуре приведены общие шаги для использования виджета "Постраничная разбивка". Дополнительные сведения о создании сервиса разбиения на страницы см. в разделе Создание сервиса данных "Постраничная разбивка".
1. Откройте панель Виджеты, а затем перетащите виджет Постраничная разбивка в контейнер на канве.
2. На панели Данные добавьте сервис данных, который возвращает разбиваемые данные.
Сервис должен содержать следующие значения:
Общее число результатов в наборе данных.
Число строк, отображаемых на каждой странице
Номер текущей страницы
3. Привяжите свойство All Data сервиса разбиения данных на страницы к свойству Data виджета.
4. Привяжите следующие события к сервису разбиения данных на страницы на панели Данные:
Событие Loaded мэшапа - выполняет сервис при инициализации мэшапа.
Событие Filter сетки - выполняет сервис при фильтрации данных с помощью поля фильтра или виджета "Фильтр данных".
Событие PageNumberChanged виджета "Постраничная разбивка" - выполняет сервис при изменении номера текущей страницы.
5. Привязывайте свойства PageNumber PageSize и ResultsNumber виджета "Постраничная разбивка" в качестве входных параметров для сервиса разбиения данных на страницы.
6. Щелкните Сохранить, а затем просмотрите мэшап.
Данные сетки разбиваются на страницы во времени выполнения.
Сохранение выбранных строк при изменении страниц
По умолчанию выбранные строки, сохраняемые в свойстве SelectedRows, не сохраняются при изменении страницы в сетке постраничной разбивки. В ThingWorx 9.3.6 или более поздней версии идентификаторы выбранных строк сохраняются в свойстве SelectedRowsIDs таблицы данных. Значение свойства сохраняется при перемещении между страницами. Можно создать исходящую привязку, чтобы передавать идентификаторы выбранных строк в сервис данных, или входящую привязку, чтобы сбросить выбор, передав в свойство пустую таблицу данных.
Было ли это полезно?