Layui數(shù)據(jù)表格判斷編輯輸入的值,是否為我需要的類(lèi)型詳解
因?yàn)楹芏嗍褂胠ayui插件做的表格都需要用到layui的表格編輯事件，但是編輯事件是可以隨意輸入值的，但是如果當(dāng)我們的字段為數(shù)量的時(shí)候，又需要獲取到數(shù)量傳進(jìn)控制器進(jìn)行數(shù)據(jù)處理的時(shí)候，而控制器接收的數(shù)量為int類(lèi)型。倘若我輸入的數(shù)量不是整數(shù)類(lèi)型，那么就無(wú)法傳進(jìn)控制器，直接報(bào)404，找不到url中的方法
所有在使用重載前，最好先對(duì)用戶(hù)輸入的值進(jìn)行一下判斷，判斷是否符合條件，允許傳進(jìn)控制器
比如我項(xiàng)目中的表格
我這個(gè)項(xiàng)目要求是，當(dāng)用戶(hù)輸入的數(shù)量大于該商品在該倉(cāng)庫(kù)的庫(kù)存時(shí)，就會(huì)提醒用戶(hù)，并且將數(shù)量的值，返回為用戶(hù)編輯前的值。
那么其中需要獲取到用戶(hù)還未編輯時(shí)的值，這個(gè)是最重要的
所以如何獲取到這個(gè)數(shù)據(jù)呢，這里可以使用layui的監(jiān)聽(tīng)表頭工具事件
oldQuantity就是用戶(hù)編輯前的值了，
為什么說(shuō)他是編輯前的值？？？
因?yàn)檫@個(gè)方法，是在點(diǎn)擊表頭為數(shù)量的單元格時(shí)，就會(huì)觸發(fā)，然后獲取表中的數(shù)據(jù)
而layui的表格編輯事件是當(dāng)用戶(hù)寫(xiě)完后，點(diǎn)擊空白才會(huì)觸發(fā)，就是因?yàn)檫@個(gè)先后的問(wèn)題，所以使oldoldQuantity就成為了之前的舊的數(shù)據(jù)
那么接下來(lái)就是使用layui中的編輯監(jiān)聽(tīng)事件進(jìn)行對(duì)數(shù)據(jù)的處理判斷
我這里有2個(gè)if判斷，第一個(gè)是用于判斷用戶(hù)輸入的值是否大于庫(kù)存，如果是，則執(zhí)行
第二個(gè)是如果用戶(hù)輸入的是字母或者是符號(hào)亦或者空（””）則執(zhí)行
Obj.update是個(gè)方法，原來(lái)修改該行數(shù)據(jù)中字段的名稱(chēng)，當(dāng)然只是緩存的數(shù)據(jù)
所以還得使用重載，重新導(dǎo)入一下數(shù)據(jù)，重載中的Data就是重載回調(diào)的數(shù)據(jù)
然后傳進(jìn)去后再傳出來(lái)就可以了
當(dāng)然第二個(gè)if判斷中的方法也是一樣的思路
所以再當(dāng)我們?nèi)ポ斎胱帜浮⒎?hào)的時(shí)候就會(huì)提示你“輸入的數(shù)量只能為整數(shù)”
以上這篇Layui數(shù)據(jù)表格判斷編輯輸入的值,是否為我需要的類(lèi)型詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- Layui數(shù)據(jù)表格之單元格編輯方式
- Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實(shí)現(xiàn)
- layui table表格數(shù)據(jù)的新增,修改,刪除,查詢(xún),雙擊獲取行數(shù)據(jù)方式
- 解決Layui數(shù)據(jù)表格顯示無(wú)數(shù)據(jù)提示的問(wèn)題
- Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁(yè))
- 在Layui中操作數(shù)據(jù)表格,給指定單元格添加事件示例
- layui+ssm實(shí)現(xiàn)數(shù)據(jù)表格雙擊編輯更新數(shù)據(jù)功能
相關(guān)文章
IE FF都可以直接通過(guò)Frame的Name來(lái)訪問(wèn),但是FrameSet不支持name屬性2010-09-09
這篇文章主要介紹了JavaScript命名空間模式,結(jié)合實(shí)例形式分析了javascript命名空間模式的相關(guān)概念、原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
微信小程序canvas動(dòng)態(tài)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas動(dòng)態(tài)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
本文主要講解了JavaScript閉包和回調(diào),閉包的概念和特性,結(jié)合實(shí)例分析了使用步驟與方法2017-08-08
這篇文章主要介紹了微信小程序如何再次獲取用戶(hù)授權(quán)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
下面小編就為大家?guī)?lái)一篇js 兩個(gè)日期比較相差多少天的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
BootStrap數(shù)據(jù)表格實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家分享了BootStrap數(shù)據(jù)表格的相關(guān)知識(shí)，感興趣的朋友一起看看吧2017-09-09
小程序webView實(shí)現(xiàn)小程序內(nèi)嵌H5頁(yè)面的全過(guò)程
在微信小程序中內(nèi)嵌H5頁(yè)面是一種常見(jiàn)的需求,因?yàn)镠5頁(yè)面具有靈活性和跨平臺(tái)性,可以彌補(bǔ)小程序原生代碼的不足,這篇文章主要給大家介紹了關(guān)于小程序webView實(shí)現(xiàn)小程序內(nèi)嵌H5頁(yè)面的相關(guān)資料,需要的朋友可以參考下2024-07-07
bootstrap如何讓dropdown menu按鈕式下拉框長(zhǎng)度一致
bootstrap框架提供了下拉菜單組件（dropdown），即點(diǎn)擊一個(gè)元素或按鈕，觸發(fā)隱藏的列表顯示出來(lái)。下面通過(guò)本文給大家介紹bootstrap如何讓dropdown menu按鈕式下拉框長(zhǎng)度一致,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了JavaScript閉包相關(guān)知識(shí)解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10