输入框搜索


开发工具与关键技术:vs 和 jquery

作者:戴怡斌

撰写时间:2020.4.26

下面就来说一下输入框搜索功能,刚学的同学可能看题目不是很懂,我也找不到一个词怎么形容,所以看下去就明白了。

输入框好理解,输入框搜索我应用在渲染表格上面,有时候数据太多,一个一个

找才麻烦,所以我们就找一些关键字来进行搜索查找,这样是不是就好理解了。

打个比方,比如某个表格用来记录整个学校的学生人数,还有就是有多少个老师,一个学校里肯定有上千乃至上万人,如果你要单独找一个学生出来那肯定很难,所以,就需要一个搜索查找的功能出来。

下面就以医院的一个表格为案列来给你们详解。

打开vs创建这些不多说,创建完后,先引用js,不然$会一直会报错,

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

创建表格直接引用layui,这是别人已经建好的,直接引用就可以,里面也有css的文件,根据自己的情况引用。

我们在已经创建好的表格进行详解,
在这里插入图片描述
以图中字体被红色圈中为例,图中现在有6条数据,怎么样才能查找到被红色圈中的“李村长”。

第一步,找到输入框,给它一个id,然后在控制器里面写代码,

查找用户id表,还要保证输入框里面的类容不为空,查找出来的数据要大于0条数据。
在这里插入图片描述
最后在输入框里面输入“李村长”,看效果图
在这里插入图片描述
视图的查询代码这里就不说了,下一篇有讲

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