wijmo 如何加载excel？

收藏

$(document).ready(function(){
$("#ss").wijspread({sheetCount:3}); // create wijspread control
var spread = $("#ss").wijspread("spread"); // get instance of wijspread control
var sheet = spread.getActiveSheet(); // get active worksheet of the wijspread control
// initializing the active worksheet here...
});
</script>

复制代码

官方的例子是创建一个新的excel，如何打开本地excel文件？以及关于wijmo操作excel的帮助文档哪有？

谢谢！

gw0506 · gw0506

帮助文档：http://wijmo.com/docs/wijmo/#SpreadJS.html

如果要打开本地的Excel文件，需要先转成CSV，再用Uploader上传，然后序列化读取到csvString，然后才能读入SpreadJS。

下面代码是导入CSV的示例。

    var sheet1 = spread.getSheet(0);
    sheet1.setRowCount(3);
    sheet1.setColumnCount(5);
    sheet1.setColumnHeaderAutoText($.wijmo.wijspread.HeaderAutoText.blank);
    sheet1.setRowHeaderAutoText($.wijmo.wijspread.HeaderAutoText.blank);
    sheet1.setText(0, 0, "Row1", $.wijmo.wijspread.SheetArea.rowHeader);
    sheet1.setText(1, 0, "Row2", $.wijmo.wijspread.SheetArea.rowHeader);
    sheet1.setText(2, 0, "Row3", $.wijmo.wijspread.SheetArea.rowHeader);
    sheet1.setText(0, 0, "Column1", $.wijmo.wijspread.SheetArea.colHeader);
    sheet1.setText(0, 1, "Column2", $.wijmo.wijspread.SheetArea.colHeader);
    sheet1.setText(0, 2, "Column3", $.wijmo.wijspread.SheetArea.colHeader);
    sheet1.setText(0, 3, "Column4", $.wijmo.wijspread.SheetArea.colHeader);
    sheet1.setText(0, 4, "Column5", $.wijmo.wijspread.SheetArea.colHeader);
    sheet1.setText(0, 0, "SPREAD-1");
    sheet1.setText(1, 0, "SPREAD-2");
    sheet1.setText(2, 0, "SPREAD-3");
    sheet1.setValue(0, 1, new Date().setFullYear(2006, 8, 1));
    sheet1.setValue(1, 1, new Date().setFullYear(2006, 8, 2));
    sheet1.setValue(2, 1, new Date().setFullYear(2006, 8, 3));
    sheet1.setColumnWidth(1, 90);
    sheet1.setValue(0, 2, 123.45);
    sheet1.setValue(1, 2, 99.9999);
    sheet1.setValue(2, 2, 100);
    sheet1.setValue(0, 3, true);
    sheet1.setValue(1, 3, false);
    sheet1.setValue(2, 3, true);
    sheet1.setValue(0, 4, "aaa");
    sheet1.setValue(1, 4, "bbb");
    sheet1.setValue(2, 4, "ccc");
$("#button1").click(function(){
    //Save all data on the first sheet in a csv format.
    window.CSVString = spread.getSheet(0).getCsv(0, 0, spread.getSheet(0).getRowCount(), spread.getSheet(0).getColumnCount(), "\r", ",");
});
$("#button2").click(function(){
    //Load the saved csv file on the second sheet.
    spread.getSheet(1).setCsv(0, 0, window.CSVString, "\r", ",", $.wijmo.wijspread.TextFileOpenFlags.None);
 });
//Add button controls to page
<input type="button" id="button1" value="button1"/>
<input type="button" id="button2" value="button2"/>

复制代码

ennomiao · ennomiao

我还是不太明白，转CSV是打开excel另存为CSV，还是用speadjs某个方法，比如

var csvDemo=speadjs.methodToCSV("C:\Demo.xls")

复制代码

，还是说像你上面那样，是把整个Excel的规格和数据写进sheet里面，然后 spread.getSheet(0).getCsv()转成CSV.类似在js里面新写了CSV...最好有个Demo就好了.谢谢!

gw0506 · gw0506

你可以将刚才那段代码直接粘贴在页面上就可以看到效果。
这么解释吧，SpreadJS不能直接导入或者导出xls文件，目前仅支持csv文件。示例中是通过SpreadJS的getcsv方法创建了一个csv格式的string，也就是示例代码中的window.CSVString，然后通过setCsv方法将window.CSVString填充到SpreadJS中。所以，如果你要读取本地文件，你必须先上传csv文件然后将文件转换成window.CSVString,然后再使用setCsv方法将window.CSVString，填充到SpreadJS中，完成本地CSV文件导入操作。

ennomiao · ennomiao

谢谢，明白了。

gw0506 · gw0506

不客气，应该的。

		自动登录	找回密码
密码			立即注册

[已处理] wijmo 如何加载excel？

5 个回复

活字格认证