JS獲取填報擴(kuò)展單元格控件的值的解決辦法
更新時間：2017年07月14日 14:25:38 作者：szd_happy
這篇文章主要介紹了JS獲取填報擴(kuò)展單元格控件的值的解決辦法,需要的朋友可以參考下
1. 問題描述
填報預(yù)覽時，我們想獲取到某個控件的值相對來說較容易。但如果控件是擴(kuò)展的，就只能獲取到第一個值，無法根據(jù)擴(kuò)展一行行獲取對應(yīng)的值。
例：本意是想獲取到袁成潔，結(jié)果還是獲取到第一個單元格值孫林。
2. 解決方法
我們可以通過js事件來獲取對應(yīng)行控件的值。
3. 示例
新建一個模板，添加數(shù)據(jù)集ds1：SELECT * FROM 銷量
A1單元格設(shè)置下拉框控件，B1單元格設(shè)置按鈕控件，下拉框控件是向下擴(kuò)展的，模板設(shè)計(jì)如下圖所示：
給B1單元格按鈕控件添加一個JS點(diǎn)擊事件：
js代碼如下：
var location = this.options.location; //獲取當(dāng)前控件的位置
var cr = FR.cellStr2ColumnRow(location);
var col = cr.col; //列號
var ro = cr.row; //行號
var zybck = contentPane.getWidgetByCell(FR.columnRow2CellStr({col: col-1, row: ro}));
//根據(jù)單元格獲取控件
alert(zybck.getValue()); //獲取對應(yīng)的值
4. 預(yù)覽效果
保存后，點(diǎn)擊填報預(yù)覽，點(diǎn)擊按鈕，效果如下圖所示：
以上所述是小編給大家介紹的JS獲取填報擴(kuò)展單元格控件的值的解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JS實(shí)現(xiàn)用戶注冊時獲取短信驗(yàn)證碼和倒計(jì)時功能
在用戶注冊時，通常需要短信驗(yàn)證碼，而且為了交互效果，也需要增加倒計(jì)時。該如何實(shí)現(xiàn)獲取驗(yàn)證碼倒計(jì)時功能呢？下面小編給大家分享JS實(shí)現(xiàn)用戶注冊時獲取短信驗(yàn)證碼和倒計(jì)時的代碼，一起看看吧2016-10-10
外部web端訪問微信小程序云數(shù)據(jù)庫的三種方法總結(jié)
最近在研究微信小程序的云開發(fā)功能,下面這篇文章主要給大家介紹了關(guān)于外部web端訪問微信小程序云數(shù)據(jù)庫的三種方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了js阻止冒泡和默認(rèn)事件，即默認(rèn)行為,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家介紹了關(guān)于現(xiàn)代配置指南中YAML對比JSON的優(yōu)勢分析說明，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步2022-02-02
js彈出模式對話框,并接收回傳值的方法，需要的朋友可以參考一下2013-03-03
then()方法用于指定當(dāng)前實(shí)例狀態(tài)發(fā)生改變時的回調(diào)函數(shù)。它返回一個新的Promise實(shí)例。下面這篇文章主要給大家介紹了關(guān)于JS中Promise函數(shù)then的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧2018-07-07
在發(fā)送短信息驗(yàn)證碼的時候要用到j(luò)s設(shè)置時間倒序問題，有時候會導(dǎo)致js失效問題，怎么辦呢？今天小編給大家分享JS設(shè)置時間無效問題的解決辦法，需要的朋友參考下吧2017-02-02
微信小程序用戶登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序用戶登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
今天小編就為大家分享一篇layui 表格的屬性的顯示轉(zhuǎn)換方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Bootstrap編寫一個兼容主流瀏覽器的受眾門戶式風(fēng)格頁面
這篇文章主要介紹了Bootstrap編寫一個兼容IE8、谷歌等主流瀏覽器的受眾門戶式風(fēng)格頁面，感興趣的小伙伴們可以參考一下2016-07-07