表格数据搜索

表格数据搜索

开发工具与关键技术 ：VS2015、ASP.NET MVC
撰写时间：2019.7.8

表格里的数据搜索是为了可以方便查看具体的数据，又或者在数据非常多的时候不用一条一条的去找，就直接在搜索框直接输入自己想要找到的内容，点击搜索就可以找到自己想要的数据。下面就写这个效果的方法。

首先当然是要搭好页面表格，我这里用的是layui的表格，具体用法请参考layui官方文档

HTML：

Script：

下面就是我的数据表格页面效果，我要实现的功能是搜索框输入内容点击搜索就能找到对应的数据。

在渲染出表格和查询出数据之后，就先在控制器写判断，如下图，判断语句是筛选内容，第二个判断里面是要搜索哪些字段就相对应的哪些字段

然后再到页面这边，编辑一个方法，上面的判断语句是获取搜索框input的内容并做判断，下面是调用表格刷新函数reload，再到数据接口，记住要把上面渲染表格的url给删掉，最后是where接口的接口的其它参数，格式：where: {token: ‘sasasas’, id: 123}

最后是把方法名写到渲染表格方法的后面，这样就完成了

页面效果：
搜索功能完成