Easyui 数据网格详细视图(DataGrid DetailView)

数据网格详细视图,如图

Easyui 数据网格详细视图(DataGrid DetailView)_第1张图片


一、页面上引入脚本  

  可以百度下载

二、写table


    
三、初始化table为datagrid,并且初始化详细视图

   
四、mvc 后台获取 主页面和详细页面 的方法

 public override ActionResult Get(int rows, int page, Order model) 
        {
            int count;
            var list = Bll.Search(model, true, x => x.ID,  rows,page,out count).Select(x => new { x.ID,x.OrderCode,x.CusId,Username=x.Users.Name,x.Date}).ToList();
            return Json(new { total = count, rows = list });        
        }


        public ActionResult GetOrderDetail(int ID) 
        {
           
            OrderDetailBll bll = new OrderDetailBll();
            var list = bll.Search(x=>x.OrderID==ID).Select(x => new { x.ID,ColorName=x.Color.Name,x.Count,x.Price,ProName=x.Product.Name,SizeName=x.Size.Name }).ToList();
            return Json(new { total = list.Count(), rows = list },JsonRequestBehavior.AllowGet);        
        }




你可能感兴趣的:(EasyUI,mvc,easyui)