開發工具與關鍵技術:vs 和 jquery
作者:戴怡斌
撰寫時間:2020.4.26
下面就來說一下輸入框搜索功能,剛學的同學可能看題目不是很懂,我也找不到一個詞怎麼形容,所以看下去就明白了。
輸入框好理解,輸入框搜索我應用在渲染表格上面,有時候數據太多,一個一個
找才麻煩,所以我們就找一些關鍵字來進行搜索查找,這樣是不是就好理解了。
打個比方,比如某個表格用來記錄整個學校的學生人數,還有就是有多少個老師,一個學校裏肯定有上千乃至上萬人,如果你要單獨找一個學生出來那肯定很難,所以,就需要一個搜索查找的功能出來。
下面就以醫院的一個表格爲案列來給你們詳解。
打開vs創建這些不多說,創建完後,先引用js,不然$會一直會報錯,
<script src="~/Plugins/layui/layui.js"></script>
創建表格直接引用layui,這是別人已經建好的,直接引用就可以,裏面也有css的文件,根據自己的情況引用。
我們在已經創建好的表格進行詳解,
以圖中字體被紅色圈中爲例,圖中現在有6條數據,怎麼樣才能查找到被紅色圈中的“李村長”。
第一步,找到輸入框,給它一個id,然後在控制器裏面寫代碼,
查找用戶id表,還要保證輸入框裏面的類容不爲空,查找出來的數據要大於0條數據。
最後在輸入框裏面輸入“李村長”,看效果圖
視圖的查詢代碼這裏就不說了,下一篇有講