Question

我从PHP脚本返回以下JSON以填充我的Kendo网格：

data: [{id:1, sku:-, theName:Two tier wedding veil, basePrice:77.00, dimensions:-, weight:-,…},…]
querytime: "0.0000"
rowcount: 4

哪个效果很好。如您所见，我添加了一个名为“querytime”的额外参数。

如何在JS方面访问它，以便我可以将其附加到网格的页脚？

我试过了：

console.log($('#productGrid').data("kendoGrid").dataSource);

尝试查找我的额外参数所在的位置，但无济于事。

如何访问我的客户参数？

var columns = [
    {
        field: 'dateRaw',
        title: 'Date added',
        width: '90px',
        template: '<span class="data" data-menu-id="1" data-item-id="#=id#" data-item-type="products"><abbr title="At #=time#">#=dateFormatted#</abbr></span>'
    },
    {
        field: 'sku',
        title: 'SKU',
        width: '120px'
    },
    {
        field: 'theName',
        title: 'Name'
    },
    {
        field: 'dimensions',
        title: 'Dimensions',
//width: '120px'
    },
    {
        field: 'weight',
        title: 'Weight',
        width: '80px'
    },
    {
        field: 'basePrice',
        title: 'Price',
        width: '60px',
        format: '{0:n}'
    }]

$('#productGrid').kendoGrid({
    rowTemplate: '',
    dataSource: {
        transport: {
            read: {
                type: 'POST',
                dataType: 'json',
                url: 'Ajax',
                data: {
                    call: 'Product->productGrid'
                }
            }
        },
        schema: {
            data: 'data',
            querytime: 'querytime',
            total: 'rowcount',
            model: {
                id: 'id',
                fields: {
                    dateRaw: {
                        type: 'date'
                    },
                    id: {
                        type: 'number'
                    },
                    sku: {
                        type: 'string'
                    },
                    basePrice: {
                        type: 'number'
                    }
                }
            }
        },
        pageSize: 20,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true,
        error: function(e) {
            modalError(e.errorThrown + "<br/>" + e.status + "<br/>" + e.xhr.responseText)
        }
    },
    height: 700,
    autoBind: false,
    filterable: true,
    sortable: true,
    pageable: true,
    columns: columns
})

Answer 1

你非常接近：您可以在dataSource的options对象中使用querytime：

$('#productGrid').data('kendoGrid').dataSource.options.querytime

来自返回的JSON的KendoUI Grid页脚附加功能

1 个答案: