kendoUI grid表格填充

使用kendui的grid插件生成表格,需要使用
loadFilds : function() {
        var fields = {
            id : {
                type : "String"
            },
            customsCode : {
                type : "String"
            },
            customsName : {
                type : "String"
            },
            parentCusCode : {
                type : "String"
            },
            longitude : {
                type : "Double"
            },
            latitude : {
                type : "Double"
            },
            comment : {
                type : "String"
            },
            level : {
                type : "Integer"
            },
            createUser : {
                type : "String"
            },
            createTime : {
                type : "Timestamp"
            },
            updateUser : {
                type : "String"
            },
            updateTime : {
                type : "Timestamp"
            }
        };

    },
    /*
     * 加载list 列表
     */
    gridColumns : function() {
        return [
                {
                    width : 40,
                    template : '<input type="checkbox" value="${id}"/>',
                    headerTemplate : '<input type="checkbox" value="head" />'
                },
                {
                    title : "idLabel",
                    field : "id",
                    hidden : false
                // hidden:true
                },
                {
                    title : "eqCodeLabel",
                    field : "eqCode"
                // hidden:false
                },
                {
                    title : "typeLabel",
                    field : "type",
                // hidden:true
                },
                {
                    title : "sim1Label",
                    field : "sim1"
                },
                {
                    title : "sim2Label",
                    field : "sim2"
                },
                {
                    title : "createUserIdLabel",
                    field : "createUserId"
                },
                {
                    title : "createTimeLabel",
                    field : "createTime"
                },
                {
                    title : "updateUserIdLabel",
                    field : "updateUserId",
                    //hidden : true
                },
                {
                    title : "updateTimeLabel",
                    field : "updateTime",
                    //template : '#= timeStamp2String(createTime)#',
                    hidden : false
                },
                {
                    title : "isUseStateLabel",
                    field : "isUseState",
                    hidden : true
                },
                {
                    title : "commentLabel",
                    field : "comment",
                    hidden : true
                }, {
                    title : "licenseLabel",
                    field : "license",
                    //template : '#= timeStamp2String(updateTime)#',
                    hidden : false
                },
                {
                    command : {
                        text : t("eq.editBtn"),
                        click : this.edit
                    },
                    title : "editBtn ",
                    width : "80px",
                    headerTemplate : t("eq.editBtn")
                },
                {
                    command : {
                        text : t("eq.delBtn"),
                        click : this.del
                    },
                    title : "delBtn",
                    width : "80px",
                    headerTemplate : t("eq.delBtn")
                }  ];
    },

这里对应的field看似是对应的pojo类中的属性名,但是其实是对应的返回的数据的转成json之后的属性名,
区别在于:1、当pojo类中的属性名首字母大写时,json串中的field会自动改为小写;
2、当pojo类中的属性值所有字母都为大写时,json串中field也是大写的,这个没有关系,
3、当pojo类中的属性值首字母小写,使用驼峰法定义时,json串中field与属性值是一致的,也没有关系
这个时候,上述三种情况中,当出现第一种情况时,以上代码中field应该保持与json串中的field一致,而当与属性名一致时,会出现列表中该字段对应的数据不显示的情况

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值