datagrid在MVC中的运用02-结合搜索

本文接着上一篇,来体验给datagrid加上搜索功能。主要涉及到:

※ 把一个div与datagrid相关起来
※ datagrid接收查询参数
※ 查询参数的封装

效果图:
2

  查询参数封装

分页相关的是每个页面都能用到的,所以把分页相关的封装成基类。
与查询相关的,封装成继承基类的子类。

    public class PageParam 
    { 
        public int PageSize { get; set; } 
        public int PageIndex { get; set; } 
    }
 
    public class BookParam : PageParam 
    { 
        public string ItemId { get; set; } 
        public string ProductId { get; set; } 
    }

  查询Book的服务类方法就要考虑分页和查询参数

展开

 

  视图

datagrid的toolbar属性能把div与datagrid相关起来,并显示到datagrid的顶部。
dtagrid的queryParams属性能接受查询参数,传递给Controller.
点击查询按钮的时候,需要带上参数。

展开

  Controller

展开

 

JsonSerializeHelper静态类在上一篇介绍过。

posted @ 2014-02-28 13:04  Darren Ji  阅读(901)  评论(0编辑  收藏  举报

我的公众号:新语新世界,欢迎关注。