jqGrid多级分组表现奇怪

时间:2013-01-10 15:56:22

标签: javascript jquery jqgrid

我遇到了一个奇怪的案例,我想知道是否有人可以提供帮助。

在我正在使用的代码中,我已经使用多个级别(2)分组几个月了,没有任何问题。我最近有一个请求添加第三级分组,这导致该级别的变形(+/-切换)表现得很奇怪。

groupField名称的三个级别分别为:part_description,locn_abbr和corporation_abbr。 corporation_abbr是最近的第三级增加。示例输出如下所示:

1.1部分描述1

1.2位置

1.3客户1

2.1部分描述2

2.2位置2

2.3客户2

3.1部分描述3

3.2位置3

3.3客户3

按照预期,单击“部件描述”或“位置”旁边的“+”将展开“客户”下方的数据。单击 - 旁边的任何一个也可以正常工作,数据可以回滚到适当的级别。

单击“客户”旁边的“+”按预期展开数据。单击 - 汇总当前条目的客户数据以及下一个条目的客户数据,这也会删除下一个条目的部分描述和位置级别。使用上面的例子,假设我点击了 - 在第一个条目的客户级别旁边,它看起来像这样:

1.1部分描述1

1.2位置1

1.3客户1

1.3客户2

3.1部分描述3

3.2位置3

3.3客户3

此外,如果我点击1.3客户2旁边的+,那么整个条目将重新绘制,就像之前一样,在条目1下面。

我用每个可以想象的搜索词来搜索这个问题,但是没有找到任何东西。当这不起作用的时候,我查看了源代码,然后用groupingToggle搞砸了一下。我也没有取得任何成功。有没有人对这个问题有任何见解?我提供的代码片段中是否有一些明显的缺失?

这是分组代码的片段:

grouping: true,
        groupingView: {
            groupField: ['part_description', 'locn_abbr', 'corporation_abbr'],
            groupOrder: ['desc', 'asc', 'desc'],
            groupColumnShow: [false, false, false],
            groupText: ['<span style="font-weight: bold; background: #D8D8D8; padding: 3px; padding-bottom: 4px; padding-top: 2px; border: 1px solid #A4A4A4; width: 650px; display: inline-block;">{0}</span>', '<span style="font-weight: bold; width: 200px; display: inline-block;">Location: {0}</span><span style=" width: 200px; font-weight: bold; display: inline-block;">Weight: {current_item_weight}</span>', '<span style="width: 200px; display: inline-block;">Customer: {0}</span><span>Weight: {current_item_weight}</span>'],
            groupCollapse: true,
            groupSummary: [false, false, false],
            groupDataSorted: true
        },

提前致谢。

0 个答案:

没有答案