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

※ 把一个div与datagrid相关起来

※ datagrid接收查询参数

※ 查询参数的封装

效果图：

  查询参数封装

分页相关的是每个页面都能用到的，所以把分页相关的封装成基类。

与查询相关的，封装成继承基类的子类。

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的服务类方法就要考虑分页和查询参数

展开using System.Linq; using DataGridInMvc.Models; using System.Collections.Generic; using Microsoft.Ajax.Utilities;namespace DataGridInMvc.Helper {     public class BookService     {         public IEnumerable
     
       LoadPageBookData(BookParam param, out int total)         {             //创建Book的集合             var books = new List
      
       ();             for (int i = 0; i < 30; i++)             {                 books.Add(new Book()                 {                     ItemId = "EST-" + i,                     ProductId = "AV-SB-" + i,                     ListPrice = (i + 5) * 10m,                     UnitCost = (i + 2) * 10m,                     Attr1 = "Attr" + i,                     Status = (short)0                 });             }            //搜索逻辑             if (!string.IsNullOrEmpty(param.ItemId))             {                 books = books.Where(b => b.ItemId.Contains(param.ItemId)).ToList();             }            if (!string.IsNullOrEmpty(param.ProductId))             {                 books = books.Where(b => b.ProductId.Contains(param.ProductId)).ToList();             }            total = books.Count();             var result = books.OrderBy(b => b.ItemId)                 .Skip(param.PageSize*(param.PageIndex - 1))                 .Take(param.PageSize);             return result;         }     } }
      
     

 

  视图

datagrid的toolbar属性能把div与datagrid相关起来，并显示到datagrid的顶部。

dtagrid的queryParams属性能接受查询参数，传递给Controller.

点击查询按钮的时候，需要带上参数。

展开    
          
                              
         选择分页显示位置：                      bottom             top             both                  选择分页显示样式                      manual             links              
         
     
         
          
     
         
      主键:         
               
      产品编号:         
               
      搜索     
     
     
     

  Controller

展开using System.Web; using System.Web.Mvc; using DataGridInMvc.Helper; using DataGridInMvc.Models;namespace DataGridInMvc.Controllers {     public class HomeController : Controller     {         public ActionResult Index()         {             return View();         }        //         public ActionResult GetData()         {             //接收datagrid传来的参数             int pageIndex = int.Parse(Request["page"]);             int pageSize = int.Parse(Request["rows"]);            //接收搜索参数             string itemId = Request["ItemId"];             string productId = Request["ProductId"];            //构建得到分页数据方法所需的参数             var temp = new BookParam()             {                 PageIndex = pageIndex,                 PageSize = pageSize,                 ItemId = itemId,                 ProductId = productId             };            //分页数据方法的输出参数             int totalNum = 0;            var service = new BookService();             var books = service.LoadPageBookData(temp, out totalNum);            var result = from book in books                 select new {book.ItemId, book.ProductId, book.ListPrice, book.UnitCost, book.Status, book.Attr1};            //total,rows是前台datagrid所需要的             var jsonResult = new {total = totalNum, rows = result};            //把json对象序列化成字符串             string str = JsonSerializeHelper.SerializeToJson(jsonResult);             return Content(str);         }     } }

 

在上一篇介绍过。