easyui datagrid 绑定json对象属性的属性

今天用easyui 的datagrid绑定数据时,后台提供的数据是实体类类型的,其中有一个实体类A的属性b是另一个实体类B类型的,而前台需要显示b的属性c,这下就悲剧了,前台没法直接绑定了,后来脑筋一转,想到了datagrid的列属性formatter,formatter提供了row,这样的话我们在formatter里面指定一下不就可以了吗

于是~

function dgDevice_datagrid() {
            $(‘#dgDevice‘).datagrid({
                url: ‘DeviceList.ashx?action=GetDevices‘,
                toolbar: ‘#tb1‘,
                width: 540,
                singleSelect: true,
                remoteSort: true,
                sortName: ‘SaleDate‘,
                sortOrder: ‘desc‘,
                rownumbers: true,
                columns: [[
                    { title: ‘设备ID‘, field: ‘DeviceID‘, width: 190, align: ‘center‘ },
                    { title: ‘出厂日期‘, field: ‘ExFactoryDate‘, width: 110, align: ‘center‘,
                        formatter: function (val) {
                            return formatDate(val, "yyyy-MM-dd");
                        }
                    },
                    { title: ‘售卖日期‘, field: ‘SaleDate‘, width: 110, align: ‘center‘,
                        formatter: function (val) {
                            return formatDate(val, "yyyy-MM-dd");
                        }
                    },
                    { title: ‘账户‘, field: ‘AccountName‘, width: 80, align: ‘center‘,
                        formatter: function (value, row, index) {
                            return row.Account.AccountName;
                        }
                    }
                ]],
                onSelect: function (rowIndex, rowData) {
                    dgSensor_datagrid(rowData.DeviceID);
                }
            });
        }

完美~

时间: 2024-12-15 23:15:35

easyui datagrid 绑定json对象属性的属性的相关文章

在ASP.NET MVC中使用Knockout实践01,绑定Json对象

本篇体验在ASP.NET MVC下使用Knockout,将使用EF Code First创建数据库.最后让Knockout绑定一个Json对象. 创建一个领域模型. namespace MvcApplication3.Models { public class Product { public int Id { get; set; } public string Name { get; set; } public string Category { get; set; } public deci

JSON对象添加删除属性

假如目前我们有如下一个Json对象 1 var jsonObj={ 2 3 'param1':22, 4 5 'param2' :33 6 7 }; 增加属性: 我们现在向该对象jsonObj中添加一个新的属性字段:param3. 有如下方式: jsonObj.param3=44; jsonObj[param3]=44; 遍历查询属性 如果需要遍历查询整个对象的所有属性 for(var key in jsonObj){ objValue=jsonObj[key] } 修改属性值 如果需要修改某个

easyui datagrid 绑定从后台得到的复杂的特殊数据结构

由于项目需要,从后台得到的数据统一为了类似{state:xxx,data:xxx,message:xxx}类型 但是easyui datagrid却只认{total:xxx,rows:xxx}...所以,整个前台都报错了,报错了就要解决,解决的过程中一共试过3中方式 1,datagrid不直接指定数据源,而是单独的ajax得到数据,然后在loadData绑进去,但是这样太麻烦了,不合理,显然不适用 2,重写ajax在得到数据的时候处理一下,网上找了段大神的代码就拿来用了,但是这样写灵活性不好,只

EasyUI DataGrid绑定嵌套的json数据

现有json数据如下: {"total":2,"rows": [{"BarrackGUID":"dc1be891-4489-4eb8-bb1d-ba1debd59b07","BarrackName":"屋舍一","BarrackNumber":"0001","BarrackArea":"100平米",&quo

(easyui datagrid+mvc+json)之asp.net分页查询

最近在做分页查询的功能,在网上也翻看了不少,但是自己的吸收能力就差了好多,而且当时最大的想法就是,怎么就没有我想要的那种,既是easyui的,又要用mvc的架构,还要能够实现底层的分页传值,用.net平台写的demo,那时就想,等我做出来了,我也要写一篇分页查询的博客,专门为了实现这种需求来做的demo. 效果图 前台view <table id="list_data" class="easyui-datagrid" style="width:107

在使用easyui,datagrid时,JSON中的如果含有换行符,则不能显示数据

http://www.xuebuyuan.com/2103538.html 每项值需处理换行符 item = item.Replace("\r\n", ""); //或\\r\\n替换换行符 http://www.cnblogs.com/lhws/archive/2013/08/16/3262301.html 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n在textarea中输入回车符 在js读取textarea

获取JSON对象的属性名称

1.问题背景 一个json对象,是以键值对组成,通过循环json对象,获取json对象中的属性名称 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

JQuery easyUi datagrid 中 editor 动态设置最大值最小值

前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考. 问题 JQuery easyUi datagrid 可编辑行的editor属性具有 min 和 max 属性,设置可以输入的最大值和最小值,但是这个是固定的,如下: [html] view plain copy {field:'workRate',title:'<%/*填报*/%><bean:message key="task.wo

JSON对象与JSON数组的长度和遍历方法

JSON对象与JSON数组的长度和遍历方法         1.json对象的长度与遍历                 结构:var json={“name”:”sm”,”sex”:”woman”}                 遍历的方法:for(var js2 in json){                                                 alert(js2 + “=” + json[js2]);