标签: kogrid

我使用Durandal模板处理asp.net解决方案.

我尝试使用与knockout兼容的koGrid(https://github.com/Knockout-Contrib/KoGrid).在Durandal管理的测试页中插入此网格时,它不起作用:网格似乎在那里但没有正确显示.

我们注意到,如果我们调整窗口大小,则网格会正确调整.

有没有人已经成功将这个koGrid集成到Durandal/HotTowel模板中？

重现问题的步骤:

• 创建一个新的ASP.NET MVC项目并选择Durandal模板
• 在项目中添加koGrid(在Nuget中可用)
• 将此网格放在视图上并添加虚拟数据
• 运行并显示包含网格的视图

这是一个包含一个ASP.NET MVC项目的zip来重现这个问题:https://www.dropbox.com/s/15rphyhkqp1h8py/KOGrid-HotTowelTemplate.zip

谢谢你的帮助.

我正在尝试使用KnockoutJs KOGrid进行分页工作.我一直在关注这个:http://knockout-contrib.github.io/KoGrid/#paging

我传入我的视图模型(vm param)的数据包含以下内容:

我的淘汰视图模型如下:

function ViewModel(vm) {
    var self = this;
    this.myData = ko.observableArray([]);

    this.rows = ko.observableArray(vm.Rows);

    this.deleteInvisibleColumns = function () {
        for (var i = 0; i < vm.Rows.length; i++) {
            var row = vm.Rows[i];

            var keys = Object.keys(row);
            for (var k = 0; k < keys.length; k++) {
                if (vm.VisibleColumns.indexOf(keys[k]) === (-1)) {
                    delete row[keys[k]];
                };
            };
        };
    };  

    self.deleteInvisibleColumns();

    this.filterOptions = {
        filterText: ko.observable(""),
        useExternalFilter: true
    };

    this.pagingOptions = {
        pageSizes: ko.observableArray([2, 500, …

HTML:

<div data-bind="koGrid: gridOptions" style="height:600px;border:solid 1px #ccc;"></div>

JS:

列定义:

{ field: 'orderCatalogUpdateID', cellTemplate: '<button data-bind="click: $userViewModel.removeItem">X</button>', displayName: ' ', width: '2%' }`

ViewModel上的removeItem函数:

self.removeItem = function (item) {
    self.list.remove(item);
}

该item获取传递给removeItem函数不是绑定到该行而是KoGrid列中的数据项.如何获取绑定到该行的数据项,以便将其传递给remove可观察数组上的函数？

我尝试使用jQuery和各种单元模板连接点击事件,试图传入绑定到行的数据项,但没有成功.

我已经开始使用 koGrid。我想在 koGrid 中隐藏一个特殊的列“id”。我该怎么做？

 gridOptions : {
        displaySelectionCheckbox: false,
        data: items,
        multiSelect: false, 
        enableColumnResize: true,                
        columnDefs: [
                      { field: 'id', displayName: 'id' },
                      { field: 'name', displayName: 'Name' }

        ]
    }

我需要创建一个对象数组,每个对象包含"LicenseRefNo","FPPRNO"等字段.

该网站对C#控制器进行ajax调用,该控制器当前返回以下json:

"[{\"LicenseRefNo\":\"17/00031/HMO\",\"FPPRNO\":\"AGE146\"},{\"LicenseRefNo\":\"16/00031/HMO\",\"FPPRNO\":\"AGE146\"}]"

这似乎几乎是正确的,但我需要将其设置为KOGrid的gridOptions.data属性.似乎javascript代码然后遇到问题,因为KOGrid需要是一个可观察的数组,并且要创建其中一个我需要一个javascript数组.

我怎样才能将我拥有的字符串转换为数组？