Javascript KO网格-重复值

我有一个ASP.NETMVC站点，其中一个视图中有一个KOGrid。这通过对控制器进行Ajax调用来提取数据，然后控制器通过EF从SQL Server进行选择。我的数据表如下所示：

我的KO网格具有以下列定义：

self.columnDefs = [
        { width: 50, field: 'workflowTask_WorkflowTaskId', displayName: 'Id' },
        { width: 150, field: 'Timestamp', displayName: 'Timestamp', cellFilter: function (data) { return moment(data).format('DD/MM/YYYY h:mm a') } },
        { width: 100, field: 'currentState', displayName: 'Crnt State' },
        { width: 500, field: 'note', displayName: 'Notes' },
        { width: 100, field: 'previousState', displayName: 'Prev State' },
        { width: 100, field: 'currentUser', displayName: 'Crnt User', sortable: false },
        { width: 100, field: 'amendedByUser', displayName: 'Amnd By', sortable: false },
        { width: 100, field: 'previousUser', displayName: 'Prev User', sortable: false }
    ];

我有以下网格选项：

self.gridOptions = {
        data: self.recs,
        columnDefs: self.columnDefs,
        autogenerateColumns: false,
        showGroupPanel: true,
        canSelectRows: false,
        showFilter: true,
        filterOptions: self.filterOptions,
        enablePaging: true,
        pagingOptions: self.pagingOptions,
        sortInfo: self.sortInfo,
        rowHeight: 35
    };

我有一个可观察的数组来保存要在网格中显示的数据：

self.recs = ko.observableArray([]);

这由以下javascript函数填充：

self.get = function () {
        $loadingIndicator.show();

        $.ajax({
            url: BASE_URL + 'TaskHistory/GetRecords',
            type: 'get',
            data: {
                'page': self.pagingOptions.currentPage(),
                'pageSize': self.pagingOptions.pageSize(),
                'filter': self.filterOptions.filterText == undefined ? '' : self.filterOptions.filterText(),
                'sort': self.sortInfo().column.field + ' ' + self.sortInfo().direction
            },
            contentType: 'application/json; charset=utf-8',
            success: function (data) {
                self.pagingOptions.totalServerItems(data.RecCount);

                var recsArray = [];
                $.each(data.PageOfRecords, function (key, value) {
                    recsArray.push(
                    new Task(value.WorkflowTaskHistoryId,
                                value.Timestamp,
                                value.PreviousState,
                                value.CurrentState,
                                value.AmendedByUser,
                                value.Note,
                                value.PreviousUser,
                                value.CurrentUser,
                                value.WorkflowTask_WorkflowTaskId));
                });
                self.recs(recsArray);
            }
        });
        $loadingIndicator.hide();
    };

从Chrome Developer tools的以下屏幕抓取中可以看出，此可观察对象已正确填充：

我的问题是-显示时，显示的日期都是当前机器的datetime-与从ajax调用检索到的数据无关，如下所示：

---

有人能看到我哪里出错了吗？

您的代码中有一个输入错误，在def列中您有一个大写的

'Timestamp'

，但您的财产名为

Timestamp

因此，解决方法非常简单：

{ width: 150, field: 'timestamp', displayName: 'Timestamp', cellFilter: function (data) { return moment(data).format('DD/MM/YYYY h:mm a') } },

为什么会有这种奇怪的行为：

• KoGrid不会检查您是否提供了有效的

  字段

  名称，在这种情况下，它会将未定义作为

  数据

  参数传递给

  cellFilter

  函数
• 如果在没有有效日期的情况下调用

  moment

  函数，它将默认为当前时间，这就是为什么所有列都显示相同的时间

---

你能在你的

cellFilter

中记录
时刻（数据）格式（'DD/MM/yyyyy h:MM a'）
的KO Grid定义来查看你每次迭代的日期吗？我每次迭代都有相同的时间再次感谢@nemesv并感谢你解释为什么会出现这种奇怪的行为。正是因为你的帮助，我一直坚持使用kogrid（因为我对javascript几乎一无所知），现在我的站点需要维护的代码比我在Razor视图中使用所有标记时少得多。