jQueryBootgrid+ASP.NET MVC的入门应用

jQueryBootgrid+ASP.NET MVC的入门应用

内容概述：

• Bootgrid的Data API体验
• 未解决问题

---

近期团队里负责前端WEB设计的小伙子伍大师提到使用Bootgrid来处理通用表格，而且该插件还提供的分页，扩展列，挺好。前些天我就动手做了些测试代码，和大家分享一些体会和经验！

Bootgrid的Data API体验

Bootgrid的介绍和示例、文档都可以在期官网找到，在这里我想和大家分享的是Data API。花了点时间和观察一些http请求、响应的变量后，发现在ASP.NET MVC 常规Conroller环境下使用步骤如下：

1、在控制器提供接收sort，searchPhrase，current，rowCount参数的动作方法，因为Bootgrid会向服务器发送这些请求参数，如图：

注意：红色标示的方框，这是排序的参数，使用IDictionary类型，动作方法签名，如图：

2、在动作方法里根据参数查询出分页的数据即可，返回数据类型使用Json，方法体关键代码如图：

注意：
a、返回的视图模型对象是匿名类，匿名类的属性名称是有讲究的，与Bootgrid示例中响应主体的Json属性对应，分别是current、rowCount、rows、total；
b、其中rows的值使用了集合IEnumerable
3、视图上的关键代码与官网示例无异，上图：

未解决的问题

遇到的问题就是想使用ASP.NET WEB API与Bootgrid结合使用，发现一直不成功，原因似乎是无论如何设置Bootgrid Ajax请求方法，它就是以post方式请求WEB API，这样使得在服务端无法获取到sort, searchPhrase, current, rowCount，百度和google后也没有新的发现，如有高手望不吝指教，不胜感谢！