0

我发现有关角度剑道网格控制的一些奇怪的事情:1)列标题似乎遵​​循实际的驼峰式字段名称而不是标题2)在寻呼机区域中,我看到 2 个空寻呼按钮,后跟一个“1”按钮,然后是另外 2 个空按钮 3)当网格首次出现时 - 在按钮右侧,我看到“NaN - NaN of 5 items”

任何人都知道如何解决任何问题,好吗?

这是我的html:

<div ng-controller="ApplicationGeneralWizardCtrl">
        <h3 class="text-muted">Step 2: Select Application To Describe</h3>

    <div kendo-grid=""
            k-data-source="dataSource"
            k-sortable="true"
            k-groupable="true"
            k-filterable="true"
            k-on-change="selectedItem = data"
            k-selectable="'row'"
            k-pageable='{ "refresh": true, "pageSizes": true }'
            >

    </div>
    <div>
        <p>{{selectedItem}}</p>
    </div>
</div>

这是我的控制器:

'use strict';

angular.module('wizardApp').controller('ApplicationGeneralWizardCtrl', ['$scope',
    function ($scope) {
            console.log('Entering ApplicationGeneralWizardCtrl');

        $scope.dataSource = {
            data: [
                { id: 1, name: 'Tennis Balls', department: 'Sports', lastShipment: '10/01/2013' },
                { id: 2, name: 'Basket Balls', department: 'Sports', lastShipment: '10/02/2013' },
                { id: 3, name: 'Oil', department: 'Auto', lastShipment: '10/01/2013' },
                { id: 4, name: 'Filters', department: 'Auto', lastShipment: '10/01/2013' },
                { id: 5, name: 'Dresser', department: 'Home Furnishings', lastShipment: '10/01/2013' }
            ],
            columns:
                [
                    { "field": "id", "title": "ID"},
                    { "field": "name", "title": "Name"},
                    { "field": "department", "title": "Department"},
                    { "field": "lastShipment", "title": "Last Shipment" }
                ]
        };
        $scope.rowSelected = function(e) {
            var grid = e.sender;
            var selectedRows = grid.select();
            for (var i = 0; i < selectedRows.length; i++) {
                $scope.selectedItem = grid.dataItem(selectedRows[i]);
                break;
            }
        };
    }
]);
4

1 回答 1

1

您的columns定义需要是网格配置的一部分,而不是dataSource.

k-columns="[{'field': 'id', 'title': 'ID'}, ... ]"
于 2014-04-01T02:10:48.083 回答