SpreadJS帮助手册(三):工作簿相关


如何获取鼠标点击的具体x、y坐标/strong>

在点击事件中可以获取到点击到的单元格的行索引、列索引。如果再要具体的x、y坐标的话需要配合命中测试,spread.hitTest(x, y),通过该方法可获取具体x、y坐标。在自定义单元格类型的时候,常常需要判断是否点击在了单元格的某个具体位置,这时候可以使用getHitInfo放方法获取点击的具体x、y坐标。

SpreadJS如何自适应页面大小/strong>

我们创建SpreadJS时只需要在页面创建一个div即可。这个div的大小就决定了页面生成后spreadJS窗体的大小,所以我们需要让SpreadJS自适应页面大小也就只需要设置这个div的样式使其适应页面大小即可。如果浏览器窗口大小改变,表格大小没有随之改变可以调用spread.refresh()方法刷新。

如何控制垂直滚动条位置/strong>

控制滚动条位置,是想要控制表单显示的内容区域,通过sheet.showRow()方法,可以控制表单显示第几行。

如何禁止SpreadJS滚动/strong>

问题描述:当绘制的表单刚好能在页面指定大小区域显示的时候,通常会把滚动条隐藏掉,但是此时spreadjs的sheet还是可以滚动的,当滚动鼠标滚轮的时候,会发现表单上下滚动,用户体验效果不太好,这个场景下需要禁用滚动功能。

解决方案: 设置spread.options.scroolbarMaxAlign=true;

这个方法是设置滚动条是否对齐视图中表单的最后一行或一列,默认是false,这时候滚动条滚动到表单最下方或者最右方时是留有一些空白,这些空白会导致表单滚动。

如何动态隐藏滚动条/span>

问题描述:希望表单高度足够显示表单的内容时,就不显示滚动条,当高度不够,则显示。

解决方案:目前SpreadJS滚动条只支持显示和隐藏两种状态,如果要实现动态隐藏滚动条,需要手动写代码来帮助实现:

首先需要监听相应的变化事件,例如浏览器大小变化,spread容器的大小改变等,添加行,删除行后调用判断viewport表单视图区域与所有行高,列宽的大小来进行滚动条的显示和隐藏。

获取viewport宽度和高度可以通过

getViewportHeight:

http://help.grapecity.com/spread … ViewportHeight.html

getViewportWidth:

http://help.grapecity.com/spread … tViewportWidth.html

来获取,总行高与总列宽可以通过循环遍历所有行/列,通过getRowHeight/getColumnWidth获取每一行的高度/每一列的宽度,进行累加来求得。

如何解决SpreadJS在浏览器中显示有空白区域的问题/span>

设置合适的行数列数之后,SpreadJS右侧下侧仍留有空白,如下图所示,此时需要设置spread.options.scroolbarMaxAlign=true;让滚动条对其视图中表单的最后一行或一列。

如何让表单显示中文(本地化)/strong>

1、需要引入中文资源文件

<script src=".../spreadjs/resources/ja/gc.spread.sheets.resources.ja.x.xx.xxxxx.x.min.js" type="text/javascript"></script>

2、设置本地化meta标签

<head> ... <meta name="spreadjs culture" content="zh-cn" /> ... </head>


*想要获得 SpreadJS 更多资源或正版授权的朋友,可以咨询【客服】了解哦~

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年9月22日
下一篇 2019年9月22日

相关推荐

发表回复

登录后才能评论