三级网站在线播放,天天日狠狠操,三级视屏

SpreadJS幫助手冊（三）：工作簿相關

原創|使用教程|編輯：陳津勇|2019-10-25 15:03:22.980|閱讀 1089 次

概述：本文整理了SpreadJS電子表格控件工作簿相關的問題和答案。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

SpreadJS電子表格控件將電子表格、數據可視化及計算功能集成在用戶的JavaScript Web應用程序中，為用戶創建計算器、動態交互式儀表盤、豐富多彩的報表，以及更多激動人心的功能！

本文整理了該JavaScript電子表格控件的工作簿相關問題及答案，希望對你有所幫助。

點擊下載SpreadJS正式版

如何獲取鼠標點擊的具體x、y坐標？

在點擊事件中可以獲取到點擊到的單元格的行索引、列索引。如果再要具體的x、y坐標的話需要配合命中測試，spread.hitTest(x, y)，通過該方法可獲取具體x、y坐標。在自定義單元格類型的時候，常常需要判斷是否點擊在了單元格的某個具體位置，這時候可以使用getHitInfo放方法獲取點擊的具體x、y坐標。

SpreadJS如何自適應頁面大小？

我們創建SpreadJS時只需要在頁面創建一個div即可。這個div的大小就決定了頁面生成后spreadJS窗體的大小，所以我們需要讓SpreadJS自適應頁面大小也就只需要設置這個div的樣式使其適應頁面大小即可。如果瀏覽器窗口大小改變，表格大小沒有隨之改變可以調用spread.refresh()方法刷新。

如何控制垂直滾動條位置？

控制滾動條位置，是想要控制表單顯示的內容區域，通過sheet.showRow()方法，可以控制表單顯示第幾行。

如何禁止SpreadJS滾動？

問題描述：當繪制的表單剛好能在頁面指定大小區域顯示的時候，通常會把滾動條隱藏掉，但是此時spreadjs的sheet還是可以滾動的，當滾動鼠標滾輪的時候，會發現表單上下滾動，用戶體驗效果不太好，這個場景下需要禁用滾動功能。

解決方案： 設置spread.options.scroolbarMaxAlign=true；

這個方法是設置滾動條是否對齊視圖中表單的最后一行或一列，默認是false，這時候滾動條滾動到表單最下方或者最右方時是留有一些空白，這些空白會導致表單滾動。

如何動態隱藏滾動條？

問題描述：希望表單高度足夠顯示表單的內容時，就不顯示滾動條，當高度不夠，則顯示。

解決方案：目前SpreadJS滾動條只支持顯示和隱藏兩種狀態，如果要實現動態隱藏滾動條，需要手動寫代碼來幫助實現：

首先需要監聽相應的變化事件，例如瀏覽器大小變化，spread容器的大小改變等，添加行，刪除行后調用判斷viewport表單視圖區域與所有行高，列寬的大小來進行滾動條的顯示和隱藏。

獲取viewport寬度和高度可以通過

getViewportHeight：

//help.grapecity.com/spread ... ViewportHeight.html

getViewportWidth：

//help.grapecity.com/spread ... tViewportWidth.html

來獲取，總行高與總列寬可以通過循環遍歷所有行/列，通過getRowHeight/getColumnWidth獲取每一行的高度/每一列的寬度，進行累加來求得。

如何解決SpreadJS在瀏覽器中顯示有空白區域的問題？

設置合適的行數列數之后，SpreadJS右側下側仍留有空白，如下圖所示，此時需要設置spread.options.scroolbarMaxAlign=true；讓滾動條對其視圖中表單的最后一行或一列。

如何讓表單顯示中文（本地化）？

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 更多資源或正版授權的朋友，可以咨詢了解哦~

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

上一篇：JavaScript圖表工具FusionCharts Suite XT入門教程（八）：添加特殊字符下一篇：SpreadJS幫助手冊（二）：源碼、在線表格編輯器相關

金喜正規買球相關的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

SpreadJS幫助手冊（三）：工作簿相關

用科技創就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

SpreadJS幫助手冊（三）：工作簿相關

為你推薦

用科技創就卓越

Create excellence with technology