jqGrid拖放标题进行分组....组名

Question

我已设置拖放标题以按来自jQgrid Grouping Drag and Drop 的相关列进行分组

效果很好，但是我试图在值之前显示列名，即

Client : Test data data
Client : Test2 data data

如果有人可以提供帮助，我一直在兜圈子。
如果我采用与动态组相同的代码，则应该是（列名）
我最终得到的是列数据而不是列名。

$('#' + gridId).jqGrid('groupingGroupBy', getheader());

function getheader() {
    var header = $('#groups ol li:not(.placeholder)').map(function () {
                      return $(this).attr('data-column');
                 }).get();
    return header;
}

如果我在组文本中使用相同的函数，我会得到数据而不是列名。

我来自 C#，对 jQuery 很陌生。

如果有人能提供帮助，将不胜感激。

亲切的问候，
瑞恩

Answer 1

首先the updated demo 提供了您的问题的解决方案：

Another demo 包含简化的演示，演示了如何在分组标题中以 Column Header: Column data 的形式显示分组标题，而不是默认使用的 Column data。

解决方案的主要思想是使用groupingView 的formatDisplayField 属性，我最初在the answer 中建议。当前版本的 jqGrid 支持该选项。如果有人会使用例如选项

grouping: true,
groupingView: {
    groupField: ["name", "invdate"],
    groupColumnShow: [false, false],
    formatDisplayField: [
        customFormatDisplayField,
        customFormatDisplayField
    ]
}

其中customFormatDisplayField回调函数定义为

var customFormatDisplayField = function (displayValue, value, colModel) {
    return colModel.name + ": " + displayValue;
}

将显示几乎您需要的结果，但它将使用colModel 的name 属性而不是colNames 中的相应名称。为了使最终解决方案使用customFormatDisplayField 的另一种实现：

var getColumnHeaderByName = function (colName) {
        var $self = $(this),
            colNames = $self.jqGrid("getGridParam", "colNames"),
            colModel = $self.jqGrid("getGridParam", "colModel"),
            cColumns = colModel.length,
            iCol;
        for (iCol = 0; iCol < cColumns; iCol++) {
            if (colModel[iCol].name === colName) {
                return colNames[iCol];
            }
        }
    },
    customFormatDisplayField = function (displayValue, value, colModel, index, grp) {
        return getColumnHeaderByName.call(this, colModel.name) + ": " + displayValue;
    };