`
77rou
  • 浏览: 50674 次
社区版块
存档分类
最新评论

Spread COM:在 html 文件中嵌入 Spread 表格控件并绑定数据源

 
阅读更多

葡萄城控件以 .NET 平台为主,在众多明星产品中 Spread 即为一款以高度兼容 Excel 著称的表格控件。有很多 Java 平台的朋友们询问 Spread 是否可以在 Java 平台下使用?答案是肯定的,我们可以在 JSP 网页中嵌入 Spread COM 控件来实现和 Excel 之间的交互。

 

本篇文章即为如何在网页中插入 Spread COM 控件、以及使用 VBScript 绑定 Spread 数据源的简单示例,请参考:

 

还在为添加复杂的 Object CLASSID 和 PARAM NAME="x" VALUE="y" 键值对而烦恼么?这里推荐一款工具 ActiveX Control Pad。我们可以通过 ActiveX Control Pad 添加 ActiveX 插件,通过其内置的对话框设置属性和事件。

 

下载链接为:http://download.microsoft.com/download/activexcontrolpad/install/4.0.0.950/win98mexp/en-us/setuppad.exe

 

下面我们来看下使用方法:

 

1.点击 Edit 选择 Insert ActiveX Control,

 

image

 

2.弹出的对话框中罗列了已经注册的 ActiveX 控件。 我们以 Spread 作为测试 ActiveX 控件:

 

image

 

3.此时,弹出 Spread 设计窗体和 Spread 属性窗体。

 

Demo5

 

4.关闭窗体后,Spread COM 标签自动添加到 <Body> 标签内:

 

image

 

5.同时,我们可以通过 ActiveX Control Pad 工具添加 Spread 事件,方法如图所示:

 

点击,Script Wizard 菜单项打开 Script Wizard 对话框。

 

image

 

展开 fpSpread1 节点,我们可以看到这里罗列出了 Spread 所有事件,选择事件点击 Insert Action 即可添加

 

image

 

6.由于绑定数据源测试需求,我们这里添加 Window 的 Onload 事件,代码如下:

<SCRIPT LANGUAGE="VBScript">
    <!--
          Sub window_onLoad()
 
          end sub
      -->
    </SCRIPT>

 7.添加数据源绑定代码:

Dim conn,rs,sqlstr
Set conn = CreateObject("ADODB.Connection")
conn.open "provider=microsoft.jet.oledb.4.0;data source=yourdbname"
 
Set rs = CreateObject("ADODB.RecordSet")
sqlstr = "Select top 100 * from yourtablename"
rs.open sqlstr,conn,3,3
  
Set fpSpread1.DataSource = rs
fpSpread1.MaxRows = fpSpread1.DataRowCnt

 

8.保存之后,运行效果如图:

 

image 

 

以上即为插入 Spread COM 控件到 HTML 文件中的方法,欢迎您提出宝贵的意见。

 

在本机注册了 Spread COM 控件后(点击下载),可以下载页面进行体验:

包含 Spread COM 的 HTML 页面 点击下载

0
5
分享到:
评论

相关推荐

    Spread for WinForms 表格控件 V7.0 使用指南

    - 支持与多种数据源绑定。 - 单个 Spread 控件能够处理多达 20 亿个工作表,每个工作表拥有 20 亿行和 20 亿列,并支持跨工作表的数据引用和公式引用。 - 已被业界公认为功能最强大的表格控件之一。 #### 二、...

    Spread for WinForms表格控件V7.0使用指南

    该控件是基于微软.NET平台的Windows Forms、***、WPF、Silverlight和WinRT应用程序开发的表格控件,它集成了一系列高级的表格和工作表功能,并支持多种数据源的绑定。 从控件功能来看,Spread for WinForms表格控件...

    spreadjs_同一行包含两个表格时的数据绑定-demo.zip

    在“spreadjs_同一行包含两个表格时的数据绑定-demo”示例中,开发者可以通过查看源代码和运行HTML文件来直观地学习这个过程。这个例子演示了如何在一行中创建两个表格,并实现它们之间的双向数据绑定,使得用户在任...

    Spread for WinForms表格控件 V7.0 使用指南

    通过阅读这份使用指南,开发者可以快速掌握Spread for WinForms表格控件V7.0的核心功能,并能够在项目中有效地使用该控件以实现复杂的表格数据处理、数据展示和交互设计。同时,通过指南提供的丰富示例代码和操作...

    Flexcell和spread两种表格控件的对比

    Flexcell和spread studio for .net两种表格控件的对比

    spreadjs_包含合并单元格的数据绑定-demo.zip

    SpreadJS 是一款功能强大的JavaScript表格控件,由葡萄城开发,它提供了一种高效的方式在Web应用中创建、编辑和展示电子表格数据。在这个“spreadjs_包含合并单元格的数据绑定-demo”中,我们将探讨如何利用SpreadJS...

    纯前端Excel表格控件SpreadJS,代码和例子下载

    3. **数据绑定**:SpreadJS可以方便地与后端数据库或其他数据源进行双向数据绑定,实时同步表格中的数据变化,实现数据的动态更新。 4. **自定义功能**:通过其提供的JavaScript API,开发者可以自定义单元格行为、...

    spreadjs_表格绑定时同时绑定样式-demo.zip

    "SpreadJS 表格绑定与样式绑定演示"是这个压缩包的主题,它提供了一个实例来展示如何在使用SpreadJS库时同时绑定数据和样式。SpreadJS是一款强大的JavaScript电子表格控件,它允许开发者在Web应用中创建、编辑和显示...

    Spread for ASP.NET 表格控件 V7.0 使用指南

    ***表格控件V7.0使用指南深入解析了葡萄城公司开发的***表格控件,这款控件是为.NET平台上的***应用程序设计的,它提供了丰富的表格功能和工作表功能,可以与多种数据源进行绑定。本指南旨在帮助软件开发人员快速...

    spreadjs_动态添加表头及数据绑定-demo.zip

    标题“spreadjs_动态添加表头及数据绑定-demo.zip”所指的,是使用SpreadJS库创建的一个示例,该示例演示了如何在JavaScript环境中动态地添加表格表头并实现数据绑定。SpreadJS是一款强大的JavaScript电子表格组件,...

    spreadjs_包含合并列头的数据绑定-demo (1).zip

    在这个示例中,开发者可以学习到如何使用SpreadJS设置数据源并将其绑定到电子表格,同时处理合并的列头,这对于构建复杂的企业级报表和数据分析应用非常有用。具体步骤可能包括: - 创建SpreadJS实例并附加到HTML...

    spreadjs_动态列数据绑定-demo.zip

    在这个"spreadjs_动态列数据绑定-demo.zip"中,我们可以通过一系列的资源文件了解如何使用SpreadJS实现动态列的数据绑定功能。下面,我们将深入探讨这一技术。 首先,我们要理解什么是动态列数据绑定。在传统的电子...

    Spread控件使用手册.docx

    在 Spread 控件中,数据类型可以分为多种,包括日期型、编辑型、图片型、静态文本型、时间型、按钮型、下拉框型、图片型、checkbox型、所有者绘制型、货币型、数字型、百分比型、科学型等。每种数据类型都有其对应的...

    Spread for Windows Forms 5.0中文手册

    该指南描述了一个应用程序开发者如何在Windows的表格中使用葡萄城 Spread 的属性和方法来创建表单,绑定数据库,以及其他如在.NET平台为一个数据密集型 应用程序创建一个网格等。 (2)设计器指南:介绍用户在使用...

    Spread for Windows Forms 5.0 中文帮助chm,开发者指南

    这个控件允许开发者在应用程序中嵌入功能丰富的电子表格,类似于Microsoft Excel的功能,但可自定义并集成到自己的软件解决方案中。它提供了丰富的功能,包括数据编辑、计算、格式化、图表以及与其他数据源的集成。 ...

    spreadjs_自定义表格筛选菜单内容-demo.zip

    SpreadJS 是一款强大的 HTML5 表格控件,它提供了一系列丰富的功能,包括数据编辑、公式计算、图表绘制等,可以满足开发者在 web 应用中创建、展示和操作电子表格的需求。在 SpreadJS 中,用户可以根据自己的需求...

    基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式.zip

    SpreadJS 是一款轻量级的 JavaScript 库,它提供了丰富的功能,包括数据绑定、公式计算、格式化、排序、过滤等,能够帮助开发者构建具有高度可定制性和性能的电子表格应用。其宣称兼容超过 450 种 Excel 公式,这...

    UniGui调用spread电子表格

    Spread是一款强大的电子表格组件,提供丰富的功能,如数据编辑、公式计算、图表制作等,可以方便地在应用程序中嵌入电子表格。 【描述】"非常漂亮的UniGui 调用类EXCEL电子表格 Spread的例子"表明这个示例项目展示...

    spreadjs_公式函数-demo.zip

    在这个文件中,你可以看到如何在网页中实例化 SpreadJS 控件,并加载数据或应用公式。 3. **gc.spread.sheets.all.14.1.1.min.js**:这是 SpreadJS 的核心库,包含了所有功能的压缩版本。这个文件提供了创建、编辑...

Global site tag (gtag.js) - Google Analytics