Можно ли использовать разные форматы для строк данных и итоговой строки? Например, я хочу добавить сводную информацию (summaryType = count) в колонку с отформатированным флажком, итоговое значение отображается как установленный флажок. любые идеи?
виды, Альпер
вы можете посмотреть скриншот из здесь:
Я нашел ваш вопрос очень интересным, потому что я не сразу понял ответ. Теперь я нашел время перечитать исходный код модуля группировки jqGrid и создать пример, который вам нужен.
Прежде всего, я подготовил демонстрацию, которая отображает следующие результаты:
Как вы можете видеть, что итоговая строка содержит много элементов, которые отформатированы по-разному:
Чтобы иметь итоговую строку в конце каждого блока группировки, нам нужно определить свойство groupSummary: [true] в параметре groupingView jqGrid. Затем нам нужно определить свойство summaryType для всех столбцов в colModel, где итоговая строка не имеет пустой ячейки.
Например, в простейшем случае я определил для столбца 'amount' свойство summaryType: 'sum'.
Для столбца 'tax' я дополнительно определил summaryTpl:
summaryTpl: '<i>{0}</i>', summaryType: 'sum'
В результате сводка для столбца 'tax' содержит курсивный текст.
Для столбца 'total' я использовал разные цвета в зависимости от отображаемого значения. Результаты, имеющие значение grater как 1000, отображаются зеленым цветом. Другие значения отображаются красным цветом. Реализация представляет собой реальный пользовательский форматтер для сводной строки:
//formatter: 'number',
formatter: function (cellval, opts, rwdat, act) {
if (opts.rowId === "") {
if (cellval > 1000) {
return '<span style="color:green">' +
$.fn.fmatter('number', cellval, opts, rwdat, act) +
'</span>';
} else {
return '<span style="color:red">' +
$.fn.fmatter('number', cellval, opts, rwdat, act) +
'</span>';
}
} else {
return $.fn.fmatter('number', cellval, opts, rwdat, act);
}
},
summaryType: 'sum'
Вместо formatter: 'number' я использовал пользовательский форматтер. Я не хотел реализовывать formatter: 'number' еще раз, поэтому я назвал форматированный формат "число" по отношению к $.fn.fmatter('number', cellval, opts, rwdat, act).
Наиболее важной частью приведенного выше кода является строка
if (opts.rowId === "") {
Во время форматирования ячеек сетки пользовательский форматировщик вызывается с opts.rowId, инициализированным как идентификатор строки. Только в случае форматирования итоговой строки opts.rowId будет пустой строкой (""). Я использую этот факт для реализации пользовательского форматирования.
В столбце 'closed' показан еще один трюк. Я использую summaryType, определенный как функция. Можно использовать это, чтобы сделать некоторые пользовательские сводные вычисления другими стандартными типами: "sum", "min", "max", "count" и "avg". В демоверсии я показываю "подсчет" всех и "подсчет" выбранных флажков и вывод результатов в сводку. Кроме того, итоговая ячейка дополнительно имеет флажок, который проверяется, если отмечен хотя бы один флажок в группе. Соответствующий код, включая пользовательский форматтер, следующий:
formatter: function (cellval, opts, rwdat, act) {
if (opts.rowId === "") {
return '<span style="display:inline-block;top:-2px;position:relative;">' +
cellval.checkedCount + ' of ' + cellval.totalCount + '</span> ' +
$.fn.fmatter('checkbox', cellval.max, opts, rwdat, act);
} else {
return $.fn.fmatter('checkbox', cellval, opts, rwdat, act);
}
},
summaryType: function (val, name, record) {
if (typeof (val) === "string") {
val = {max: false, totalCount: 0, checkedCount: 0};
}
val.totalCount += 1;
if (record[name]) {
val.checkedCount += 1;
val.max = true;
}
return val;
}
Нам нужно провести дерево разных значений, которые мы вычисляем: totalCount, checkedCount и max. Вышеприведенный код показывает, что можно изменить исходный параметр строки val на объект, который содержит всю необходимую нам информацию. Во время форматирования итоговой строки пользовательский форматировщик будет вызываться с cellval, инициализированным объектом val, который мы создали ранее. В способе мы можем сохранить любую пользовательскую информацию, а затем отобразить ее.
Я надеюсь, что с учетом демонстрации вы сможете создать любую сводную строку группировки, которая вам нужна.
Вы используете пользовательский форматтер? то, что вы можете сделать, это сделать собственный форматтер, чтобы отображать разные вещи на основе ввода. Я не уверен, что вы возвращаете true или false в качестве вашего ввода, но что-то в нем должно работать:
function checkboxFormatter(cellvalue,options,rowObject){
if(typeof cellvalue == "number"){
return cellvalue;
}
else if(cellvalue == "true"){
return '<input type="checkbox" checked="checked" />';
}
else{
return '<input type="checkbox" />';
}
}
сообщите мне, если у вас есть вопросы или если это не так, как вы думаете.