jqGrid和jqPivot 4.7:旋转列的错误名称

Question

此示例使用jqGrid 4.6：

http://jsfiddle.net/aUDHx/1218/

可以看到，不管聚合的数量如何，标题名称都是正确显示的(" A“、"A B”等等)。

但是，当我切换到4.7版本时，当使用多个聚合时，不正确地命名旋转列：

http://jsfiddle.net/aUDHx/1219/

如果只使用一个聚合，则标题将正确显示。

4.7是否有不同的方法来指定标题名称，或者这是一个错误？如果是后者，是否存在适当的解决办法？

这是yDimension的代码：

yDimension: [{
        dataName: 'product',
        converter: function (val) {return val.replace(/\s/g, ' ');}
    }],

转换器函数用于正确格式化标头名称。如果您只使用一个聚合，则在4.7中不需要这样做，但是任何更多的事情都会导致它崩溃。

"Gurrido“现在是jqGrid的新名字。

Answer 1

问题在于你在名字中使用的空格。jqPivot目前不支持名称中的空格。例如，可以通过将空格替换为_ (下划线)来解决问题。我描述了这里的解决方案。

顺便说一句，Gurrido jqGrid并不是唯一获得麻省理工学院许可的免费开源jqGrid的继承者。在启动Gurrido jqGrid之后，其他一些免费jqGrid的jqGrid叉正在开发中。我发布了我的结果这里。我计划在本月发布新版本。另一个叉子你可以找到这里。一个应用在叉子中--我在我的存储库中做了许多修改，但一个也做了一些自己的更改。

更新：您所描述的标签的问题是jqGrid 4.7中的一个bug。顺便说一句，在聚合值中使用空间的情况下，不需要使用converter。

我在我的jqGrid库中发布了bug修复程序我的jqGrid库。您可以在演示http://jsfiddle.net/OlegKi/b47ocLd7/上看到结果

​

​

该演示程序使用以下JavaScript代码

var mydata = [
    { id: "1", product: "A A", sold: "8", sold2: "8", sold3: "8", emp: "Michelle" },
    { id: "2", product: "A A", sold: "3", sold2: "8", sold3: "8", emp: "Tania" },
    { id: "6", product: "A B", sold: "1", sold2: "8", sold3: "8", emp: "Mark" },
    { id: "3", product: "A B", sold: "5", sold2: "8", sold3: "8", emp: "Tommy" },
    { id: "4", product: "B B", sold: "2", sold2: "8", sold3: "8", emp: "Dave" },
    { id: "5", product: "B B", sold: "5", sold2: "8", sold3: "8", emp: "Carol" }
];

$("#grid").jqGrid("jqPivot", mydata, {
        xDimension: [
            { isGroupField: false, width: 40, dataName: "id",  label: "ID" },
            { isGroupField: false, width: 80, dataName: "emp", label: "Employee" }
        ],
        yDimension: [
            { dataName: "product" }
        ],
        aggregates: [
            { aggregator: "sum", width: 60, member: "sold",  label: "Sold" },
            { aggregator: "sum", width: 60, member: "sold2", label: "Sold 2" }
        ],
        colTotals: true
    },
    {
        height: "auto",
        pager: "#pager",
        iconSet: "fontAwesome",
        resizeStop: function () {
            $(this).jqGrid("setGridWidth", this.grid.newWidth, false);
        },
        caption: "Daily Sales"
    }
);