Добавление раздела нижнего колонтитула к сетке
Можно добавить раздел нижнего колонтитула к сетке, включив свойство виджета ShowFooter или используя данные конфигурации JSON. Добавление нижнего колонтитула позволяет отображать сводную информацию, например итоговое или среднее значение в определенном столбце. Чтобы отобразить имена столбцов заголовка в нижнем колонтитуле, включите свойство ShowHeaderRowInFooter.
Готовые функции
Для отображения данных нижнего колонтитула для каждого столбца сетки можно использовать следующие готовые функции:
• {#stat_count} - подсчитывает количество строк.
• {#stat_max} - вычисляет максимальное значение на стороне клиента для значений в столбце.
• {#stat_min} - вычисляет минимальное значение на стороне клиента для значений в столбце.
• {#stat_average} - вычисляет среднее значение на стороне клиента для значений в столбце.
• {#stat_total} - вычисляет итоговое значение на стороне клиента для значений в столбце.
• {#cspan} - объединяет столбцы, позволяет объединить ячейки в нижний колонтитул. При объединении ячеек необходимо отключить переупорядочение столбцов. Изменение порядка столбцов может повлиять на вид нижнего колонтитула.
 |
Можно также определить и использовать пользовательские функции в сервисе данных.
|
Чтобы выровнять данные в нижнем колонтитуле, используйте опции выравнивания #cspan, text-align:left и text-align:right. Добавьте escape-символы HTML к запятым в тексте, за которыми следует настройка выравнивания, заданная по умолчанию как text-align:left.
Создание сервиса данных для нижнего колонтитула
Чтобы сконфигурировать нижний колонтитул, необходимо привязать таблицу данных, определяющую правила конфигурации, которые должны использоваться для свойства FooterData. Ниже приведен пример сервиса, определяющего таблицу данных с данными для нижнего колонтитула сетки.
Определите переменную для хранения выходных данных таблицы данных.
var result = createInfoTable();
function createInfoTable() {
var params = {
infoTableName: undefined /* STRING */
};
function createInfoTable() {
var params = {
infoTableName: undefined /* STRING */
};
После определения таблицы данных используйте метод AddField, чтобы создать столбцы, которые соответствуют именам полей в данных сетки.
var result = Resources["InfoTableFunctions"].CreateInfoTable(params);
//Add field to the InfoTable, ensure same field names in this footer data as are used in the actual table data:
result.AddField({name: "deviceName", baseType: "STRING"});
result.AddField({name: "motorTemp", baseType: "STRING"});
//Add field to the InfoTable, ensure same field names in this footer data as are used in the actual table data:
result.AddField({name: "deviceName", baseType: "STRING"});
result.AddField({name: "motorTemp", baseType: "STRING"});
Чтобы определить содержимое нижнего колонтитула, добавьте данные в ранее созданные столбцы таблицы данных.
result.AddRow({
'deviceName': 'Count: {#stat_count}', // Calculate the number of rows under the column.
'motorTemp': 'Average: {#stat_average}', // Calculate the average of all the values under the column.
});
return result;
}
На следующем рисунке показаны выходные данные сервиса при присоединении к виджету "Сетка":
