原創(chuàng)|使用教程|編輯:陳津勇|2019-10-25 15:03:22.980|閱讀 1089 次
概述:本文整理了SpreadJS電子表格控件工作簿相關(guān)的問題和答案。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
SpreadJS電子表格控件將電子表格、數(shù)據(jù)可視化及計(jì)算功能集成在用戶的JavaScript Web應(yīng)用程序中,為用戶創(chuàng)建計(jì)算器、動(dòng)態(tài)交互式儀表盤、豐富多彩的報(bào)表,以及更多激動(dòng)人心的功能!
本文整理了該JavaScript電子表格控件的工作簿相關(guān)問題及答案,希望對(duì)你有所幫助。
如何獲取鼠標(biāo)點(diǎn)擊的具體x、y坐標(biāo)?
在點(diǎn)擊事件中可以獲取到點(diǎn)擊到的單元格的行索引、列索引。如果再要具體的x、y坐標(biāo)的話需要配合命中測(cè)試,spread.hitTest(x, y),通過該方法可獲取具體x、y坐標(biāo)。在自定義單元格類型的時(shí)候,常常需要判斷是否點(diǎn)擊在了單元格的某個(gè)具體位置,這時(shí)候可以使用getHitInfo放方法獲取點(diǎn)擊的具體x、y坐標(biāo)。
SpreadJS如何自適應(yīng)頁面大???
我們創(chuàng)建SpreadJS時(shí)只需要在頁面創(chuàng)建一個(gè)div即可。這個(gè)div的大小就決定了頁面生成后spreadJS窗體的大小,所以我們需要讓SpreadJS自適應(yīng)頁面大小也就只需要設(shè)置這個(gè)div的樣式使其適應(yīng)頁面大小即可。如果瀏覽器窗口大小改變,表格大小沒有隨之改變可以調(diào)用spread.refresh()方法刷新。
如何控制垂直滾動(dòng)條位置?
控制滾動(dòng)條位置,是想要控制表單顯示的內(nèi)容區(qū)域,通過sheet.showRow()方法,可以控制表單顯示第幾行。
如何禁止SpreadJS滾動(dòng)?
問題描述:當(dāng)繪制的表單剛好能在頁面指定大小區(qū)域顯示的時(shí)候,通常會(huì)把滾動(dòng)條隱藏掉,但是此時(shí)spreadjs的sheet還是可以滾動(dòng)的,當(dāng)滾動(dòng)鼠標(biāo)滾輪的時(shí)候,會(huì)發(fā)現(xiàn)表單上下滾動(dòng),用戶體驗(yàn)效果不太好,這個(gè)場(chǎng)景下需要禁用滾動(dòng)功能。
解決方案: 設(shè)置spread.options.scroolbarMaxAlign=true;
這個(gè)方法是設(shè)置滾動(dòng)條是否對(duì)齊視圖中表單的最后一行或一列,默認(rèn)是false,這時(shí)候滾動(dòng)條滾動(dòng)到表單最下方或者最右方時(shí)是留有一些空白,這些空白會(huì)導(dǎo)致表單滾動(dòng)。
如何動(dòng)態(tài)隱藏滾動(dòng)條?
問題描述:希望表單高度足夠顯示表單的內(nèi)容時(shí),就不顯示滾動(dòng)條,當(dāng)高度不夠,則顯示。
解決方案:目前SpreadJS滾動(dòng)條只支持顯示和隱藏兩種狀態(tài),如果要實(shí)現(xiàn)動(dòng)態(tài)隱藏滾動(dòng)條,需要手動(dòng)寫代碼來幫助實(shí)現(xiàn):
首先需要監(jiān)聽相應(yīng)的變化事件,例如瀏覽器大小變化,spread容器的大小改變等,添加行,刪除行后調(diào)用判斷viewport表單視圖區(qū)域與所有行高,列寬的大小來進(jìn)行滾動(dòng)條的顯示和隱藏。
獲取viewport寬度和高度可以通過
getViewportHeight:
//help.grapecity.com/spread ... ViewportHeight.html
getViewportWidth:
//help.grapecity.com/spread ... tViewportWidth.html
來獲取,總行高與總列寬可以通過循環(huán)遍歷所有行/列,通過getRowHeight/getColumnWidth獲取每一行的高度/每一列的寬度,進(jìn)行累加來求得。
如何解決SpreadJS在瀏覽器中顯示有空白區(qū)域的問題?
設(shè)置合適的行數(shù)列數(shù)之后,SpreadJS右側(cè)下側(cè)仍留有空白,如下圖所示,此時(shí)需要設(shè)置spread.options.scroolbarMaxAlign=true;讓滾動(dòng)條對(duì)其視圖中表單的最后一行或一列。
如何讓表單顯示中文(本地化)?
1、需要引入中文資源文件
<script src=".../spreadjs/resources/ja/gc.spread.sheets.resources.ja.x.xx.xxxxx.x.min.js" type="text/javascript"></script>
2、設(shè)置本地化meta標(biāo)簽
<head> ... <meta name="spreadjs culture" content="zh-cn" /> ... </head>
*想要獲得 SpreadJS 更多資源或正版授權(quán)的朋友,可以咨詢了解哦~
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn