找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

戊辰有情

注册会员

3

主题

24

帖子

55

积分

注册会员

积分
55

微信认证勋章

最新发帖

[已处理] SpreadJS滚动条、导出数据问题

戊辰有情
注册会员   /  发表于：2016-7-7 10:12  /   查看：12701  /  回复：20
本帖最后由 戊辰有情 于 2016-7-12 15:00 编辑

1.在行列拖动的时候，超过了宽度不会出现滚动条。请问是用什么属性设置，虽然目前我根据行列总和重新设置了滚动条出现与否，但是并不是特别好。

2.导出的问题，因为我使用的方式是SetDataSource的方式，所以，ABC这样的列头被我表格使用了，而在导出的时候却不见这个表头。
我使用的是这样获取数据源：JSON.stringify(spread.toJSON({ includeBindingSource: true }))

20 个回复

倒序浏览
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于：2016-7-7 10:31:48
沙发
1。 现在还没有属性可以设置自动出现滚动条，确实需要计算列宽然后和sheet.getViewportWidth(1)的值去作比较，判断是否显示滚动条。
2. excel的表头是不能更改的，你可以把表头导出到Excel的第一行。

  2.             excelExporter.SaveExcel(Response.OutputStream, GrapeCity.Windows.SpreadSheet.Data.ExcelFileFormat.XLSX, GrapeCity.Windows.SpreadSheet.Data.ExcelSaveFlags.SaveCustomColumnHeaders);
复制代码
回复 使用道具 举报
戊辰有情
注册会员   /  发表于：2016-7-11 09:54:55
板凳
关于这个 excelExporter.SaveExcel有详细的例子吗。我的版本是spreadjs 9.0
回复 使用道具 举报
戊辰有情
注册会员   /  发表于：2016-7-11 09:55:17
地板
dexteryao 发表于 2016-7-7 10:31
1。 现在还没有属性可以设置自动出现滚动条，确实需要计算列宽然后和sheet.getViewportWidth(1)的值去作比 ...

关于这个 excelExporter.SaveExcel有详细的例子吗。我的版本是spreadjs 9.0
回复 使用道具 举报
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于：2016-7-11 10:01:58
5#
您看下文档 http://sphelp.grapecity.com/webh ... Iexcelexporter.html

以及发布包中的SpreadJS Javascript Library\samples\ExcelIOSample 就是接口的示例
回复 使用道具 举报
戊辰有情
注册会员   /  发表于：2016-7-12 14:59:55
6#
dexteryao 发表于 2016-7-11 10:01
您看下文档 http://sphelp.grapecity.com/webhelp/SpreadJSWeb/webframe.html#APIexcelexporter.html

以 ...

导出Excel又遇到了其他的问题。
同样的导出方法，有些表导出的时候样式不会变，而有些会变。比如，字体变了，背景色没有了，边框没有，文字不居中，数值列不格式化，而从获取的数据源json中看到是有这些值的。
回复 使用道具 举报
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于：2016-7-12 15:42:41
7#
可否将有问题的spread json保存 上传，我们看下哪里出了问题。
回复 使用道具 举报
戊辰有情
注册会员   /  发表于：2016-7-12 15:56:06
8#
dexteryao 发表于 2016-7-12 15:42
可否将有问题的spread json保存 上传，我们看下哪里出了问题。

"{"version":"9.40.20153.0","tabStripVisible":false,"showHorizontalScrollbar":false,"showVerticalScrollbar":false,"scrollbarMaxAlign":true,"sheets":{"Sheet1":{"name":"Sheet1","selections":{"0":{"row":0,"rowCount":1,"col":0,"colCount":1}},"columns":[{"name":"FTime","displayName":"时间","size":90},{"name":"FSMName","displayName":"报表名称","size":200},{"name":"FRowName","displayName":"项目名称","size":240},{"name":"FRow","displayName":"行号","size":45},{"name":"FColumnName","displayName":"列名","size":120},{"name":"FValue","displayName":"数值","size":120},{"name":"FConDispFormula","displayName":"运算条件","size":165}],"rows":[{"visible":true,"size":27},{"visible":true,"size":27}],"autoGenerateColumns":false,"rowCount":2,"columnCount":7,"activeRow":0,"activeCol":0,"theme":"Office","rowHeaderVisible":false,"colHeaderRowInfos":[{"size":30}],"isProtected":true,"protectionOption":{"allowResizeRows":true,"allowResizeColumns":true,"allowSelectLockedCells":true},"colHeaderData":{"rowDataArray":[{"style":{"font":"bold 13px 'Microsoft Sans Serif'"}}],"defaultDataNode":{"style":{"themeFont":"Body"}},"dataTable":{"0":{"0":{"value":"时间"},"1":{"value":"报表名称"},"2":{"value":"项目名称"},"3":{"value":"行号"},"4":{"value":"列名"},"5":{"value":"数值"},"6":{"value":"运算条件"}}}},"data":{"dataTable":{"0":{"0":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"2017-01-31"},"1":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"多项目列"},"2":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"香蕉"},"3":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"1"},"4":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"期末数"},"5":{"style":{"formatter":{"customerCultureName":"zh-CN","formatCached":"#,##0.00;-#,##0.00"},"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"31221"},"6":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":""}},"1":{"0":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"2017-01-31"},"1":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"多项目列"},"2":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"萝卜"},"3":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"1"},"4":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"期末期末数"},"5":{"style":{"formatter":{"customerCultureName":"zh-CN","formatCached":"#,##0.00;-#,##0.00"},"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":"3123123"},"6":{"style":{"borderLeft":{"color":"#DDDDDD","style":1},"borderRight":{"color":"#DDDDDD","style":1},"borderTop":{"color":"#DDDDDD","style":1},"borderBottom":{"color":"#DDDDDD","style":1}},"value":""}}},"rowDataArray":[{"style":{"backColor":"#F4F4F4","foreColor":"black","vAlign":1,"font":"12px 微软雅黑"}},{"style":{"backColor":"white","foreColor":"black","vAlign":1,"font":"12px 微软雅黑"}}],"columnDataArray":[{"style":{"hAlign":1}},null,null,{"style":{"hAlign":1}},null,{"style":{"hAlign":2}}],"defaultDataNode":{"style":{"themeFont":"Body"}}},"index":0}}}"
回复 使用道具 举报
戊辰有情
注册会员   /  发表于：2016-7-12 16:05:50
9#
本帖最后由 戊辰有情 于 2016-7-12 16:06 编辑

以下是我格式化之后的，方便你查看。
-----------------------------------
{
        "version" : "9.40.20153.0",
        "tabStripVisible" : false,
        "showHorizontalScrollbar" : false,
        "showVerticalScrollbar" : false,
        "scrollbarMaxAlign" : true,
        "sheets" : {
                "Sheet1" : {
                        "name" : "Sheet1",
                        "selections" : {
                                "0" : {
                                        "row" : 0,
                                        "rowCount" : 1,
                                        "col" : 0,
                                        "colCount" : 1
                                }
                        },
                        "columns" : [{
                                        "name" : "FTime",
                                        "displayName" : "时间",
                                        "size" : 90
                                }, {
                                        "name" : "FSMName",
                                        "displayName" : "报表名称",
                                        "size" : 200
                                }, {
                                        "name" : "FRowName",
                                        "displayName" : "项目名称",
                                        "size" : 240
                                }, {
                                        "name" : "FRow",
                                        "displayName" : "行号",
                                        "size" : 45
                                }, {
                                        "name" : "FColumnName",
                                        "displayName" : "列名",
                                        "size" : 120
                                }, {
                                        "name" : "FValue",
                                        "displayName" : "数值",
                                        "size" : 120
                                }, {
                                        "name" : "FConDispFormula",
                                        "displayName" : "运算条件",
                                        "size" : 165
                                }
                        ],
                        "rows" : [{
                                        "visible" : true,
                                        "size" : 27
                                }, {
                                        "visible" : true,
                                        "size" : 27
                                }
                        ],
                        "autoGenerateColumns" : false,
                        "rowCount" : 2,
                        "columnCount" : 7,
                        "activeRow" : 0,
                        "activeCol" : 0,
                        "theme" : "Office",
                        "rowHeaderVisible" : false,
                        "colHeaderRowInfos" : [{
                                        "size" : 30
                                }
                        ],
                        "isProtected" : true,
                        "protectionOption" : {
                                "allowResizeRows" : true,
                                "allowResizeColumns" : true,
                                "allowSelectLockedCells" : true
                        },
                        "colHeaderData" : {
                                "rowDataArray" : [{
                                                "style" : {
                                                        "font" : "bold 13px 'Microsoft Sans Serif'"
                                                }
                                        }
                                ],
                                "defaultDataNode" : {
                                        "style" : {
                                                "themeFont" : "Body"
                                        }
                                },
                                "dataTable" : {
                                        "0" : {
                                                "0" : {
                                                        "value" : "时间"
                                                },
                                                "1" : {
                                                        "value" : "报表名称"
                                                },
                                                "2" : {
                                                        "value" : "项目名称"
                                                },
                                                "3" : {
                                                        "value" : "行号"
                                                },
                                                "4" : {
                                                        "value" : "列名"
                                                },
                                                "5" : {
                                                        "value" : "数值"
                                                },
                                                "6" : {
                                                        "value" : "运算条件"
                                                }
                                        }
                                }
                        },
                        "data" : {
                                "dataTable" : {
                                        "0" : {
                                                "0" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "2017-01-31"
                                                },
                                                "1" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "多项目列"
                                                },
                                                "2" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "香蕉"
                                                },
                                                "3" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "1"
                                                },
                                                "4" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "期末数"
                                                },
                                                "5" : {
                                                        "style" : {
                                                                "formatter" : {
                                                                        "customerCultureName" : "zh-CN",
                                                                        "formatCached" : "#,##0.00;-#,##0.00"
                                                                },
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "31221"
                                                },
                                                "6" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : ""
                                                }
                                        },
                                        "1" : {
                                                "0" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "2017-01-31"
                                                },
                                                "1" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "多项目列"
                                                },
                                                "2" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "萝卜"
                                                },
                                                "3" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "1"
                                                },
                                                "4" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "期末期末数"
                                                },
                                                "5" : {
                                                        "style" : {
                                                                "formatter" : {
                                                                        "customerCultureName" : "zh-CN",
                                                                        "formatCached" : "#,##0.00;-#,##0.00"
                                                                },
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : "3123123"
                                                },
                                                "6" : {
                                                        "style" : {
                                                                "borderLeft" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderRight" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderTop" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                },
                                                                "borderBottom" : {
                                                                        "color" : "#DDDDDD",
                                                                        "style" : 1
                                                                }
                                                        },
                                                        "value" : ""
                                                }
                                        }
                                },
                                "rowDataArray" : [{
                                                "style" : {
                                                        "backColor" : "#F4F4F4",
                                                        "foreColor" : "black",
                                                        "vAlign" : 1,
                                                        "font" : "12px 微软雅黑"
                                                }
                                        }, {
                                                "style" : {
                                                        "backColor" : "white",
                                                        "foreColor" : "black",
                                                        "vAlign" : 1,
                                                        "font" : "12px 微软雅黑"
                                                }
                                        }
                                ],
                                "columnDataArray" : [{
                                                "style" : {
                                                        "hAlign" : 1
                                                }
                                        }, null, null, {
                                                "style" : {
                                                        "hAlign" : 1
                                                }
                                        }, null, {
                                                "style" : {
                                                        "hAlign" : 2
                                                }
                                        }
                                ],
                                "defaultDataNode" : {
                                        "style" : {
                                                "themeFont" : "Body"
                                        }
                                }
                        },
                        "index" : 0
                }
        }
}

回复 使用道具 举报
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于：2016-7-12 16:42:22
10#
您好，
1. 到处时加上SaveAsViewed，这个是因为您及设置了行style，也设置了单元格Style。在默认style策略上spread和Excel有些不同，设置SaveAsViewed就好了。
excelExporter.SaveExcel(Response.OutputStream, GrapeCity.Windows.SpreadSheet.Data.ExcelFileFormat.XLSX, GrapeCity.Windows.SpreadSheet.Data.ExcelSaveFlags.SaveAsViewed| GrapeCity.Windows.SpreadSheet.Data.ExcelSaveFlags.SaveCustomColumnHeaders);

2. Format无效是因为您的数据类型不是number而是string。Excel导入string后无法format。建议您绑定时将数据转换为正确的格式。
回复 使用道具 举报
下一页 »
123下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2025 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部