摘要:優(yōu)化過后則可以將光標強制跳轉(zhuǎn)到單元格,使其獲得光標,進而強制單元格刷新值。常見場景用戶通過文本框填報了值,而需要對這個值進行取出判斷的時候,經(jīng)常會取空值,只有用戶點擊了空白區(qū)域,才可以正常取值。
我們經(jīng)常利用按鈕進行一些頁面值的處理工作,但是默認的邏輯造成,每次新填報的值,需要點擊下空白區(qū)域或是執(zhí)行某個其他操作才可以被正確讀取,那么我們?nèi)绾翁幚砟兀?/p>
例:當我們用常規(guī)取值的時候,雖然B3單元格錄入了值,但是在光標不離開B3的前提下,用JS只獲取到了控制而不是實際的值“2”。
想獲得B3的值,需要在空白處點擊下鼠標,讓文本框的左上角的紅三角出現(xiàn)才可以。
優(yōu)化過后則可以將光標強制跳轉(zhuǎn)到A2單元格,使其獲得光標,進而強制B3單元格刷新值。
既然任意點擊空白處就可以,那么我們就用JS來強制跳轉(zhuǎn)光標實現(xiàn)同樣的功能。
模板制作
模板樣式設計如下,A3和B3單元格添加文本控件,C3單元格為A3和B3相加值,D3和E3單元格添加按鈕控件:
“直接相加”按鈕的JS
D3控件名稱為直接相加,添加一個點擊事件
var B3 = contentPane.curLGP.getCellValue("B3"); var A3 = contentPane.curLGP.getCellValue("A3"); alert("a3的值:"+A3); alert("b3的值:"+B3);
“優(yōu)化后”按鈕的JS
E3控件名稱為優(yōu)化后,添加一個點擊事件
contentPane.curLGP.selectTDCell("A2"); var B3 = contentPane.curLGP.getCellValue("B3"); var A3 = contentPane.curLGP.getCellValue("A3"); alert("a3的值:"+A3); alert("b3的值:"+B3);
contentPane.curLGP.selectTDCell(“A2”):表示的是,將光標強制跳轉(zhuǎn)到A2單元格,也就相當于用鼠標點擊了一下A2單元格,使其獲得光標,進而強制B3單元格刷新值。
常見場景
用戶通過文本框填報了值,而需要對這個值進行取出判斷的時候,經(jīng)常會取空值,只有用戶點擊了空白區(qū)域,才可以正常取值。
比如:用戶填寫了手機號碼,就可以跳轉(zhuǎn)到領取獎品的頁面,若手機號碼是最后一個填報欄,填寫后,用戶直接提交,系統(tǒng)則會認為,手機號碼一欄為空。
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/81992.html
摘要:移動端報表使用方法安裝好插件后,在瀏覽器中調(diào)用時,需要在報表路徑后面加上參數(shù)。另外移動端的插件,圖表是只支持顯示新圖表。 HTML5報表插件安裝及使用編輯 插件安裝插件網(wǎng)址以及設計器插件安裝方法和服務器安裝插件的方法可以官網(wǎng)上面搜索,這里就不做詳細介紹了。 移動端HTML5報表使用方法安裝好插件后,在瀏覽器中調(diào)用時,需要在報表路徑后面加上參數(shù)op=h5。但是PC端不完全支持H5效果。移...
摘要:如果報表嵌在網(wǎng)頁的中,在外獲取對象如下常用方法方法說明獲取指定單元格中的控件獲取指定名字的控件獲取指定名稱的擴展控件,返回一個數(shù)組表單預覽或參數(shù)界面,都有一個對象。 上次介紹FineReport的JS API中的第一類開發(fā)--FR,這次就來介紹一下FS和contentWindow類的開發(fā)。1 FSFS是數(shù)據(jù)決策系統(tǒng)中的js接口,比如說FS.tabPane.addItem,先介紹幾類操作...
摘要:當報表中列出數(shù)據(jù)太多時,想通過顯示按鈕隱藏明細數(shù)據(jù)只顯示統(tǒng)計數(shù)據(jù)。如下圖示例,那么該如何實現(xiàn)呢本文以為例,來講述如何實現(xiàn)點擊參數(shù)面板按鈕顯示或隱藏數(shù)據(jù)。打開報表在參數(shù)面板添加一個標簽控件,控件名為,設置標簽控件不可見,控件值為顯示。 當報表中列出數(shù)據(jù)太多時,想通過顯示按鈕隱藏明細數(shù)據(jù)只顯示統(tǒng)計數(shù)據(jù)。如下圖示例,那么該如何實現(xiàn)呢?本文以FineReport為例,來講述JS如何實現(xiàn)點擊參數(shù)...
閱讀 1343·2021-10-08 10:05
閱讀 4170·2021-09-22 15:54
閱讀 3131·2021-08-27 16:18
閱讀 3134·2019-08-30 15:55
閱讀 1476·2019-08-29 12:54
閱讀 2777·2019-08-26 11:42
閱讀 579·2019-08-26 11:39
閱讀 2158·2019-08-26 10:11