jQuery MiniUI

标题: DATAGRID自动合并单元格问题 [打印本页]

作者: dapang 时间: 2013-8-7 09:12:09 标题: DATAGRID自动合并单元格问题

GRID定义如下：
         var col_str = [{ "field": "id", 'width': '10', "headerAlign": "center", "header": "序号", "type": "indexcolumn" },
                        { 'field': 'ddt', 'width': '20', 'align': 'center', 'headerAlign': 'center', 'header': '姓名' },
                        { 'field': 'yb1', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '20:00' },
                        { 'field': 'yb2', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '21:30' },
                        { 'field': 'yb3', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '23:00' },
                        { 'field': 'yb4', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '00:30' },
                        { 'field': 'yb5', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '02:00' },
                        { 'field': 'yb6', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '03:30' },
                        { 'field': 'yb7', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '05:00' },
                        { 'field': 'yb8', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '06:30' },
                        { 'field': 'yb', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': 'aaa' },
                        { 'field': 'yb_ddy', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '日期' },
                        { 'field': 'bb1', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '08:00' },
                        { 'field': 'bb2', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '09:30' },
                        { 'field': 'bb3', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '11:00' },
                        { 'field': 'bb4', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '12:30' },
                        { 'field': 'bb5', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '14:00' },
                        { 'field': 'bb6', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '15:30' },
                        { 'field': 'bb7', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '17:00' },
                        { 'field': 'bb8', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '18:30' },
                        { 'field': 'bb', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': 'bbb' },
                        { 'field': 'bb_ddy', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': 'ccc' },
                        { 'field': 'day', 'width': '15', 'align': 'center', 'headerAlign': 'center', 'header': '全天'}];
现在有这样一个问题，表格中的每行数据并不是所有列都有值，但列DDT所有行全部有值，且有相同。但设置按列DDT进行自动合并时，显示JSON 数据错误，不进行合并时，能够正确显示。不知是何原因？
另外，为什么我发贴时不能上传图片了？

作者: factory 时间: 2013-8-7 09:33:13

1.http://www.miniui.com/demo/#src=datagrid/mergecolumns.html 有些列没有值是不会影响合并的
2.你把你的列简化一下，或者简化一下你的数据，先用一条试试，会不会出错，先找出导致报json错误的是哪个数据字段。
3.上传图片或附件的话，点击“高级模式”，里面有的

作者: dapang 时间: 2013-8-7 09:53:58

discuz! x2在IE11中有问题，发贴时无法显示高级模式中的那些东西

作者: dapang 时间: 2013-8-7 10:46:07

我已经改成这样了
         var col_str = [{ 'field': 'ddy', 'width': '10', 'align': 'center', 'headerAlign': 'center', 'header': '姓名' }];
         grid.setColumns(col_str);
         grid.setData([{ 'ddy': '刘岩' }, { 'ddy': '刘岩'}]);
         grid.on("load", function () {
            grid.mergeColumns(['ddy']);
         });

         grid.load();
还是不行，显示JSON IS ERROR.    IE8

作者: factory 时间: 2013-8-7 11:34:10

dapang 发表于 2013-8-7 10:46
我已经改成这样了
var col_str = [{ 'field': 'ddy', 'width': '10', 'align': 'center', 'hea ...

你这样，你做个能重现问题的，很简单的HTML页面给我，数据也用你出错情况下的数据，一起打包上传，我给你本地看下。

上传附件也是在“高级模式”，你换个浏览器回帖吧

作者: felt 时间: 2013-8-7 12:54:16

setData的话是没有load的

作者: dapang 时间: 2013-8-7 14:35:10

[attach]2502[/attach]
去掉LOAD后不出JSON错误了，可以还是没有合并，文件已上传，帮忙看看到底是什么地方不对，谢谢。

作者: felt 时间: 2013-8-7 14:49:14

grid.margeColumns(["company"]);//company是某列的name

是name,不是field.

作者: dapang 时间: 2013-8-7 15:45:37

明白了，谢谢。还有一个小问题，DATAGRID设置了显示斑马纹，合并单元格后，已经合并的单元格背景比较乱，能否显示的统一一些。

作者: factory 时间: 2013-8-7 17:19:45

dapang 发表于 2013-8-7 15:45
明白了，谢谢。还有一个小问题，DATAGRID设置了显示斑马纹，合并单元格后，已经合并的单元格背景比较乱，能 ...

[attach]2504[/attach]

你指的是这种情况？这个是对的吧，因为“？？”这一行本来就该是轮到灰色的条纹行

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)