Spread WPF-Silverlight CTP 探秘

Spread WPF-Silverlight -- 将Excel功能嵌入到你的Silverlight 应用中。

Spread WPF-Silverlight 是一款嵌入式表格控件产品,用于快速建立WPF和Silverlight平台上高级应用程序,包括商业、工程和科学等应用。通过Spread可以将Excel文档导入到应用程序中,并执行商业或者统计规则同时控制整体的用户体验。也可以将数据和分析结果保存成Excel、xml或者其他格式的文档,便于提交和分享。此外,Spread全新支持模板功能,通过设计器制作并可共享使用。

 

下面就开始探秘啦:

  • Excel 导入导出。支持.xls和 .xlsx。
  • 将外部数据源读入Spread。
  • 功能丰富的Spread设计器。

image

 

波形图(Sparklines)

波形图是直接画在单元格里的微型图表,用于可视化的呈现数据。Spread 支持列、线和正负类型的波形图,同时可以与Excel 2010文件兼容及转换。

image

 

 

 

Cell Border:

13种线型,颜色设定,四边不同线型,GridLine定制,与Excel完全相同。

image

 

Cell Style: 控制了单元格,就控制了交互!

丰富的单元格风格设定,包括字体,色彩,边框,对齐,缩进,折行,文字格式,验证方式,公式计算,编辑控制,主题设定等。还有灵活强大的风格行列继承功能。

image

 

Conditional Format:让单元格原地满状态复活!

根据不同的条件单元格显示不同的风格。基于强大的公式,灵活设定各种条件。丰富的风格设定,包括多组内置图标以及颜色柱状背景的显示。让数据显示更加生动活泼,重点突出。

image

 

Drag Fill: 快速填充-数据编辑的必杀利器!

 

一定在Excel中见过用过的了,一个快速填充数据的利器。

image

 

Range Filter: 区域数据分析助BI一臂之力!

对一个范围内的数据进行过滤排序,辅助数据分析。通过代码还可以对各种类型的数进行更加各种条件的过滤功能。

image

 

 

Freeze: 超越Excel的冻结功能!

固定行头列头不滚动,在用Excel制作表格的时候可是经常使用的。可让行脚列脚也固定不能滚动,那可就需要用Spread WPF-Silverlight啦。

image

 

Range Group: 是行是列,拉出来分组!

对数据进行行的分组是一般Grid都有的功能,而对于列的分组就是SpreadSheet的特色了。

image

 

Cell Merge: 不会Merge的单元格不是好控件。

制作表格的时候,是少不了单元格合并的。当然,这个图不是来自Excel。

image



本文转自 powertoolsteam 51CTO博客,原文链接:http://blog.51cto.com/powertoolsteam/775452,如需转载请自行联系原作者

给定的参考引用中未提及关于SpreadJS在iframe中使用的示例相关内容,不过可以给出一个简单的示例代码,该示例展示了如何在iframe中使用SpreadJS。 首先,需要在HTML文件中创建一个iframe元素,并在其中引入SpreadJS的相关文件,以下是示例代码: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SpreadJS in Iframe</title> <!-- 引入SpreadJS的CSS文件 --> <link href="https://cdn.grapecity.com/spreadjs/15.2.0/styles/gc.spread.sheets.excel2013white.css" rel="stylesheet" type="text/css" /> <!-- 引入SpreadJS的JS文件 --> <script src="https://cdn.grapecity.com/spreadjs/15.2.0/scripts/gc.spread.sheets.all.min.js"></script> </head> <body> <iframe id="spreadIframe" src="spread-content.html" width="800" height="600"></iframe> </body> </html> ``` 然后,创建一个名为 `spread-content.html` 的文件,在其中初始化SpreadJS: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SpreadJS Content</title> <!-- 引入SpreadJS的CSS文件 --> <link href="https://cdn.grapecity.com/spreadjs/15.2.0/styles/gc.spread.sheets.excel2013white.css" rel="stylesheet" type="text/css" /> <!-- 引入SpreadJS的JS文件 --> <script src="https://cdn.grapecity.com/spreadjs/15.2.0/scripts/gc.spread.sheets.all.min.js"></script> </head> <body> <div id="ss"></div> <script> // 初始化SpreadJS var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 }); var sheet = spread.getActiveSheet(); sheet.setValue(0, 0, 'Hello, SpreadJS in Iframe!'); </script> </body> </html> ``` 在上述代码中,主HTML文件创建了一个iframe元素,其 `src` 属性指向 `spread-content.html` 文件。在 `spread-content.html` 文件中,引入了SpreadJS的相关文件,并初始化了一个SpreadJS的工作簿,在第一个单元格中设置了文本内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值