有些用户提问想通过 JS 来设置 Spread Studio for ASP.NET 表格控件来控制 Spread 高度。本文章将阐述实现方法。
实现背景:
当用户发起针对含有 Spread 页面的请求时,Spread 在浏览器中被渲染成 HTML Table。
所以,我们在前台针对 Spread 操作时,除了使用 Spread 内置的一些事件和方法外,所有针对 Table 的 DOM 属性和 js 操作都试用于 Spread。
我们这次的实现方法就是针对 Spread 生成的 Table 进行操作实现。
首先,在 Spread 外部嵌套 Div 容器,HTML 代码如下:
<div id="spreadcontainer" style="width: 400px; height: 200px;"> <FarPoint:FpSpread ID="FpSpread1" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" Height="100%" Width="100%"> <CommandBar BackColor="Control" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight" ButtonShadowColor="ControlDark"> </CommandBar> <Sheets> <FarPoint:SheetView SheetName="Sheet1"> </FarPoint:SheetView> </Sheets> </FarPoint:FpSpread> <br /> <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" /> </div>
通过 Html Button 点击事件触发 Spread 大小改变:
<script language="javascript" type="text/javascript"> // <![CDATA[ function Button1_onclick() { var container = document.getElementById("spreadcontainer"); var c1 = document.getElementById("FpSpread1_rowHeader"); var c2 = document.getElementById("FpSpread1_view"); container.style.height = "700px"; c1.style.height = "649px"; c2.style.height = "649px"; } // ]]> </script>
效果图如下:
Demo 下载: 点击下载
使用空间地址:点击查看
相关推荐
Spread for asp.net 5.0 使用手册
Spread for ASP.NET V7.0 API文档,很详细的好资料.做前台表格的应该会用到!
Spread Studio for强大的报表功能,这是Spread Studio for使用说明书,看了肯定能帮到你。
Spread for ASP.NET 表格控件 V7.0 使用指南 http://www.gcpowertools.com.cn/products/spread_studio_demo.htm
本文档专为国内广大开发者写作而成,通过大家最熟悉的语言和文化帮助您快速查找和理解Spread众多API的使用方法。文档提供接口和参数描述,同时提供大量例子和代码片段,以方便您了解产品的易用性、扩展性和灵活性。 ...
Spread Studio for .NET 试用版 试用版 开发语言: .NET 可用平台: Visual Studio 2008/2010/2012/2013 当前版本: 9.0 Studio for .NET是一个功能和Excel类似的表格控件工具包。用于在您的应用系统中实现表格数据...
Spread for ASP.NET V7.0 API中文帮助文档
用于.NET.开发的专业网格_电子表格Farpoint Spread for ASP.NET v5.0 中文文档
Concurrency in .NET teaches you how to build concurrent and scalable programs in .NET using the functional paradigm. This intermediate-level guide is aimed at developers, architects, and passionate ...
Spread for ASP.NET是一款表格控件,兼容Excel的强大功能,并将其嵌入到您的应用系统中,完美的Excel文档支持使得您可以在企业中分享和访问数据信息,内嵌的图表引擎和数据可视化支持让您更加轻松的为商务、工程以及...
.NET平台最流行的表格控件Spread for Windows Forms5.0的完整中文手册,包括: (1)开发指南:为Spread for Windows Forms的开发人员提供了概念性介绍材料和常规任务的操作说明。 该指南描述了一个应用程序开发者...
最新的Farpoint Spread5.0中文版帮助文档支持Visual Studio2010
Flexcell和spread studio for .net两种表格控件的对比
Spread for WinForms 表格控件 V7.0 使用指南
解决了低版本spreadjs自带combobox,当cell处于页面最底部时,combobox下拉选项只能向下展开,导致下拉选项被遮挡的问题,重写之后,当下拉选项展示高度超出之后,自动向上展开,调用方式如下: import ...
Spread for WinForm 5 中文版 Demo 源码.完整示例.值得习
spread.4.0群通信系统 源代码 对于winsock有很好的理解
FarPointSpreadforASP.NET v4.0 注册机 破解码 破解,FarPointSpreadforASP.NET v4.0 注册机 破解码 破解
spreadjs_列头添加复选框全选功能-demo