datagrid在MVC中的运用01

本文体验jQuery EasyUI的datagrid在MVC中的应用。主要涉及到:

※ datagrid的基本属性和方法
※ datagrid分页在前后台的实现

最终效果:
datagrid在MVC中的运用01

  与视图显示对应的view model

    public class Book
    {
        public string ItemId { get; set; }
        public string ProductId { get; set; }
        public decimal ListPrice { get; set; }
        public decimal UnitCost { get; set; }
        public string Attr1 { get; set; }
        public Int16 Status { get; set; }
    }

 

  模拟一个从数据库拿数据,并考虑分页的服务层方法

□ 与分页有关的类

    public class PageParam 
    { 
        public int PageSize { get; set; } 
        public int PageIndex { get; set; } 
    }

在实际项目中,可以把以上作为一个基类,把各个领域的各种搜索条件封装成继承PageParam的子类。

□ 分页服务层方法

datagrid在MVC中的运用01
展开

 

  Controller有显示页面和响应前台datagrid请求的Action方法

datagrid在MVC中的运用01
展开

□ 这里需要把json对象序列化成string,使用Newtonsoft组件是不错的选择。把序列化和反序列化封装成类。

datagrid在MVC中的运用01
展开

 

  视图

datagrid在MVC中的运用01
展开

datagrid在MVC中的运用01,布布扣,bubuko.com

datagrid在MVC中的运用01

上一篇:2014-02-27_javascript_PrototypalInheritance


下一篇:Javascript中的一种深复制实现