【问题标题】:Keno UI Grid With Angular and Batch Editing Issues具有角度和批量编辑问题的 Kendo UI 网格
【发布时间】:2016-12-26 16:04:15
【问题描述】:

我有一个网格,它在控制器初始化时填充了来自服务器的数据,并且网格允许批量编辑,并且我有一个自定义删除命令,它将 dataItem 标记为 MarkedAsDeleted。我的要求是:-

  1. 如果我更新网格中的任何行,角度数据源中的相应项目不会得到更新。如何做到这一点??
  2. 如果用户单击自定义删除命令,我想将该项目标记为 MarkAsDeleted,但我希望该项目从网格中隐藏但仍存在于数据源中。
  3. 我想处理网格中的更改,因此我可以标记相应的要更新的项目。

这是我的代码:-

                        var dataSource = new kendo.data.DataSource({
                        data: this.jobCategory.minorCategories,
                        batch: true,
                        schema: {
                            model: {
                                id: "id",
                                fields: {
                                    id: { editable: false, nullable: true },
                                    name: { type: "string", validation: { required: true, pattern: '.{3,200}' } },
                                    notes: { type: "string" }
                                }
                            }
                        }
                    });

                    this.gridOptions = {
                        toolbar: [{ name: "create", text: "Add a new minor category" }],
                        dataSource: dataSource,
                        autoBind: true,
                        height: 300,
                        editable: true,
                        sortable: true,
                        columns: [
                            {
                                field: "name",
                                title: "Name"
                            }, {
                                field: "notes",
                                title: "Notes"
                            },
                            {
                                command: [
                                    {
                                        text: "",
                                        template: '<span class="k-button-icontext" ng-click="vm.test(dataItem)">Delete</span>'
                                    }
                                ]
                            }
                        ]
                    };

test(dataItem): void {
        dataItem.markAsDeleted = true;
    }

这是我的html

<div kendo-grid="minorCategoriesGrid" k-options="vm.gridOptions">
                        </div>

【问题讨论】:

  • 对此问题的任何帮助

标签: angularjs typescript kendo-ui kendo-ui-grid


【解决方案1】:

批量编辑当前不适用于 Kendo UI 网格 (Angular 2)。我希望它可以在 1 月 18 日宣布的主要版本中提供。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多