JQGrid Gruppierung GroupText Formatierung und änderung

Ich finde deine Frage interessant, aber die Umsetzung ist nicht einfach. In die Antwort ich zeigte vor, wie man verwenden Sie einen benutzerdefinierten Formatierer in die Zeilen der Zusammenfassung der Gruppierung.

In die demo können Sie sehen, wie zu implementieren benutzerdefinierter Formatierung der Gruppierung von text. Die demo zeigt das folgende:

Umsetzung bestehen nur aus der Umsetzung von die benutzerdefinierte formatter - die verwendet werden können, für beide Zweck: die Formatierung der Inhalt der entsprechenden Spalte und die Formatierung, die Gruppierung von text bei der Gruppierung nach der Spalte. Der code ist ein wenig tricky, aber ich hoffe, dass alle können ihm Folgen. Den code verwenden, die Unterschiede der input-Parameter zu definieren, ob das Formatierungsprogramm aufgerufen werden, um formatieren Sie die Spalte Inhalt oder format der Gruppierung von text.

Einem Teil des Codes, mit denen die Texte wie "(test4,test7)" ist nicht so effektiv bei der Nutzung der großen Anzahl von Zeilen, aber es funktioniert.

Unten ist der code formatter der "Datum" - Spalte, die würde in der Regel verwendet mit den vordefinierten formatter: 'date'. Ich rief in dem Teil des Codes, der die ursprünglichen Datums-formatter, sondern verwendet für die Gruppierung von text anspruchsvollere code:

formatter: function (cellval, opts, rowObject, action) {
    var fullOpts = $.extend({}, $.jgrid.formatter.date, opts),
        formattedDate = $.fmatter.util.DateFormat('Y-m-d', cellval, 'd-M-Y', fullOpts),
        groupIdPrefix = opts.gid + "ghead_",
        groupIdPrefixLength = groupIdPrefix.length,
        month = Number(cellval.split('-')[1]), //input format 'Y-m-d'
        names = [], data, i, l, item;

    //test wether opts.rowId start with opts.gid + "ghead_" and integer
    //and rowObject is the array and action is undefined.

    if (opts.rowId.substr(0, groupIdPrefixLength) === groupIdPrefix && typeof action === "undefined") {
        //custom formating of the group header
        //we just simulate some login by testing of the month > 9

        //the next code fragment is not effective, but it can be used
        //in case of not so large number of groups and the local data
        data = $(this).jqGrid("getGridParam", "data");
        for (i = 0, l = data.length; i < l; i++) {
            item = data[i];
            if (item.invdate === cellval) {
                names.push(item.name);
            }
        }

        return (month > 9 ? ('<span class="ui-icon ui-icon-alert" style="float: left;"></span>' +
            '<span style="color:tomato; margin-left: 5px;">') : "<span>") +
            formattedDate + ' (' + names.join() + ')</span>'
    }
    return formattedDate;
}

AKTUALISIERT: Die Feste version der demo ist hier. Es nutzt $.fn.fmatter statt derzeit entfernt von jqGrid Methode $.fmatter.util.DateFormat.

InformationsquelleAutor Oleg