輸入框搜索


開發工具與關鍵技術:vs 和 jquery

作者:戴怡斌

撰寫時間:2020.4.26

下面就來說一下輸入框搜索功能,剛學的同學可能看題目不是很懂,我也找不到一個詞怎麼形容,所以看下去就明白了。

輸入框好理解,輸入框搜索我應用在渲染表格上面,有時候數據太多,一個一個

找才麻煩,所以我們就找一些關鍵字來進行搜索查找,這樣是不是就好理解了。

打個比方,比如某個表格用來記錄整個學校的學生人數,還有就是有多少個老師,一個學校裏肯定有上千乃至上萬人,如果你要單獨找一個學生出來那肯定很難,所以,就需要一個搜索查找的功能出來。

下面就以醫院的一個表格爲案列來給你們詳解。

打開vs創建這些不多說,創建完後,先引用js,不然$會一直會報錯,

<script src="~/Plugins/layui/layui.js"></script>

創建表格直接引用layui,這是別人已經建好的,直接引用就可以,裏面也有css的文件,根據自己的情況引用。

我們在已經創建好的表格進行詳解,
在這裏插入圖片描述
以圖中字體被紅色圈中爲例,圖中現在有6條數據,怎麼樣才能查找到被紅色圈中的“李村長”。

第一步,找到輸入框,給它一個id,然後在控制器裏面寫代碼,

查找用戶id表,還要保證輸入框裏面的類容不爲空,查找出來的數據要大於0條數據。
在這裏插入圖片描述
最後在輸入框裏面輸入“李村長”,看效果圖
在這裏插入圖片描述
視圖的查詢代碼這裏就不說了,下一篇有講

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章