Layui數(shù)據(jù)表格如何判斷編輯輸入的值

這篇文章將為大家詳細講解有關Layui數(shù)據(jù)表格如何判斷編輯輸入的值,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司是專業(yè)的加格達奇網(wǎng)站建設公司,加格達奇接單;提供成都網(wǎng)站設計、成都網(wǎng)站建設,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行加格達奇網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

因為很多使用layui插件做的表格都需要用到layui的表格編輯事件,但是編輯事件是可以隨意輸入值的,但是如果當我們的字段為數(shù)量的時候,又需要獲取到數(shù)量傳進控制器進行數(shù)據(jù)處理的時候,而控制器接收的數(shù)量為int類型。倘若我輸入的數(shù)量不是整數(shù)類型,那么就無法傳進控制器,直接報404,找不到url中的方法

所有在使用重載前,最好先對用戶輸入的值進行一下判斷,判斷是否符合條件,允許傳進控制器

比如我項目中的表格

Layui數(shù)據(jù)表格如何判斷編輯輸入的值

我這個項目要求是,當用戶輸入的數(shù)量大于該商品在該倉庫的庫存時,就會提醒用戶,并且將數(shù)量的值,返回為用戶編輯前的值。

那么其中需要獲取到用戶還未編輯時的值,這個是最重要的

所以如何獲取到這個數(shù)據(jù)呢,這里可以使用layui的監(jiān)聽表頭工具事件

Layui數(shù)據(jù)表格如何判斷編輯輸入的值

oldQuantity就是用戶編輯前的值了,

為什么說他是編輯前的值???

因為這個方法,是在點擊表頭為數(shù)量的單元格時,就會觸發(fā),然后獲取表中的數(shù)據(jù)

而layui的表格編輯事件是當用戶寫完后,點擊空白才會觸發(fā),就是因為這個先后的問題,所以使oldoldQuantity就成為了之前的舊的數(shù)據(jù)

那么接下來就是使用layui中的編輯監(jiān)聽事件進行對數(shù)據(jù)的處理判斷

Layui數(shù)據(jù)表格如何判斷編輯輸入的值

我這里有2個if判斷,第一個是用于判斷用戶輸入的值是否大于庫存,如果是,則執(zhí)行

第二個是如果用戶輸入的是字母或者是符號亦或者空(””)則執(zhí)行

Layui數(shù)據(jù)表格如何判斷編輯輸入的值

Obj.update是個方法,原來修改該行數(shù)據(jù)中字段的名稱,當然只是緩存的數(shù)據(jù)

所以還得使用重載,重新導入一下數(shù)據(jù),重載中的Data就是重載回調(diào)的數(shù)據(jù)

Layui數(shù)據(jù)表格如何判斷編輯輸入的值

然后傳進去后再傳出來就可以了

當然第二個if判斷中的方法也是一樣的思路

所以再當我們?nèi)ポ斎胱帜?、符號的時候就會提示你“輸入的數(shù)量只能為整數(shù)”

關于“Layui數(shù)據(jù)表格如何判斷編輯輸入的值”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

本文名稱:Layui數(shù)據(jù)表格如何判斷編輯輸入的值
轉(zhuǎn)載來源:http://www.muchs.cn/article26/phdojg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供云服務器、品牌網(wǎng)站建設、外貿(mào)建站、App設計、建站公司、動態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設網(wǎng)站維護公司