Kendo DataSource:如何为从远程odata源读取的数据定义"计算"属性

Dea*_*ean 2 datasource mvvm odata kendo-ui computed-observable

情况:

  • kendo DataSource

    var ordersDataSource = new kendo.data.DataSource({
        type: "odata",
        transport: {
            read: {
                url: "http://localhost/odata.svc/Orders?$expand=OrderDetails"
            }
        },
        schema: {
            type: "json",
            data: function(response){
                return response.value;
            }
            total: function(response){
                return response['odata.count'];
            }
        },
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true
    })
    
    Run Code Online (Sandbox Code Playgroud)
  • 从odata源读取的json数据如下:

    {
        odata.metadata: "xxxx",
        odata.count: "5",
        value: [
            {
                OrderId: 1,
                OrderedDate: "2013-02-20",
                OrderInfoA: "Info A",
                OrderInfoB: "Info B"
                OrderDetails: [
                    {
                        OrderDetailId: 6,
                        OrderDetailInfoC: "Info C",
                        OrderDetailInfoD: "Info D"
                    },
                    {
                        //Another OrderDetail's data
                    }
                ]
            },
            {
                // Another Order's data
            }
        ]
    }
    
    Run Code Online (Sandbox Code Playgroud)

问题1:

1.如果我想定义一个"计算"属性:OrderedDateRelative,它应该是今天(2013-02-25)和创建订单日之间的天数(2013-02-20),如:"5天以前",我如何在客户端实现这一目标?

对问题1的回答:http://jsbin.com/ojomul/7/edit

问题2 - 更新 -

2.Every Order有它的嵌套属性OrderDetails,那么可以为嵌套的OrderDetails属性定义一个计算字段吗?像:OrderDetailInfoCAndD每个的OrderDetail,和值应该是这样的:OrderDetailInfoC + OrderDetailInfoD,这是"信息C产品介绍d"?

谢谢,

院长

Ata*_*hev 6

您可以通过指定数据源的模型来创建计算字段:

  dataSource = new kendo.data.DataSource({
    data: [
      { first: "John", last: "Doe" }, 
      { first: "Jane", last: "Doe" }
    ],
    schema: {
      model: {
        // Calculated field
        fullName: function() {
          return this.get("first") + " " + this.get("last");
        }
      }
    }
  });
Run Code Online (Sandbox Code Playgroud)

这是一个现场演示:http://jsbin.com/ojomul/1/edit

  • 它是一个函数 - 你需要调用它CalculatedField() (2认同)