zoukankan      html  css  js  c++  java
  • Easy UI 关联表的字段展示

    刚接触的easy UI ,发现展示关联表的字段的时候,卡住了 好一段时间,后来通过qq群询问,终于得到答案

    实体Record 

     public class Record:Base
        {
            public Guid UserId { get; set; }
            public Guid CarId { get; set; }
    
            /// <summary>
            /// 价格
            /// </summary>
            public decimal TotalPrice { get; set; }
    
            /// <summary>
            /// 公里数
            /// </summary>
            public decimal Kilometre { get; set; }
    
            /// <summary>
            /// 单价
            /// </summary>
            public decimal UnitPrice { get; set; }
    
            public virtual Car Car { get; set; }
            public virtual User User { get; set; }
        }
    View Code

    实体Car

     public class Car : Base
        {
            /// <summary>
            /// 车牌
            /// </summary>
            [StringLength(20)]
            public string Number { get; set; }
    
            /// <summary>
            /// 颜色
            /// </summary>
            [StringLength(5)]
            public string Color { get; set; }
    
            /// <summary>
            /// 名称
            /// </summary>
            [StringLength(10)]
            public string Name { get; set; }
    
            /// <summary>
            /// 用户id
            /// </summary>
            public Guid UserId { get; set; }
        }
    View Code

    在ui层 显示 car 的字段 Nuber 如下

         $('#dg').datagrid({
                    url: 'record/page',
                    pagination: true,
                    rownumbers: true,
                    singleSelect: true,
                    //checkOnSelect: false, selectOnCheck: false,
                    columns:
                 [[
                     { field: "Id", title: "Id", hidden: true },
                     //{ field: "ck", checkbox:true },
    
                     { field: "RefuelTime", title: "加油日期" },
    
                     {
                         field: 'Car', title: "车牌", formatter: function (value) {
                             return value.Number
                         }
                     },
                     {
                         field: "Phone", title: "电话", formatter: function (value, row, index) {
                             return row.User.Phone;
                         }
                     },
                     
                     { field: "TotalPrice", title: "加油总价" },
                      { field: "UnitPrice", title: "每升价格" },
                      { field: "Kilometre", title: "行驶里程" }
                 ]]
                });
            });
    View Code
  • 相关阅读:
    css3圆环百分比,菜单栏定位导航
    Css中的两个重要概念:块状元素和内联元素
    前端进阶试题(css部分)
    HTML5移动开发学习笔记之CSS3基础学习
    HTML5移动开发学习笔记之Canvas基础
    js加载从0到80变化过程代码,让其4s中加载完毕
    我了解到的JavaScript异步编程
    原生JS+Canvas实现五子棋游戏
    Web缓存相关知识整理
    百度前端技术学院2017学习总结
  • 原文地址:https://www.cnblogs.com/Linyb/p/4368843.html
Copyright © 2011-2022 走看看