如何防止剑道网格重新加载？

Question

我有两个剑道网格 (A, B) ...B 通过单击 A 加载，其数据源通过 A 中选定行的属性加载..

A.帐户

dataSource: {
    data: this.gridA.dataItem(this.gridA.select()),
},

我的问题是，在 BI 中必须使用网格更改属性，但是当属性更改网格时，它会重新加载，并且如果我在更改网格中的属性时有 1000 行（任何行，999 即），滚动回到开头 ...我已经阅读并尝试理解它，但是无法修复它...根据官方文档，

选择的行

var row = this.gridApprovals.select();
var caBean = this.gridApprovals.dataItem(row);

它是一个 ObservableObject，因此，当我尝试更改一个属性时，某个（ObservableOject 的）方法会产生这种行为，并且重新加载网格，它会迭代每个数据源项...

编辑： 我忘了提..保持B网格的变化与其在A slection中的关系之间的关系很重要.. 这是一个道场项目http://dojo.telerik.com/uYemI/2

Answer 1

这个怎么样？

http://dojo.telerik.com/@Stephen/aNije

我删除了 k-rebind 属性，而是在 setCarsGrid() 方法中连接了 dataSource：

$scope.setCarsGrid = function() {
            var row = this.brandGrid.select();
            var brand = this.brandGrid.dataItem(row);
                            var brandObj=brand.toJSON();

            var dataSource = new kendo.data.DataSource({
              data: brand.cars,
              schema:{
                model:{
                  fields:{
                    id:{editable:false},
                    model:{editable:false},
                    color:{type:"string"}
                  }
                },
                parse: function(response) {
                  $.each(response, function(idx, elem) {
                    elem.id = elem.id+10;
                    //if you put a break point here, every time you try to edit 'color' field.. will be stop because datasourse is iterated again 
                    console.log("Grid has been reloaded and the editable field 'color' can be edited :'( the id property has been added +10")
                  });

                  return response;
                }                                    
              }
            });

          // This first time this is called, the carsGrid has not been initialized, so it doesn't exist.
          // But subsequent times, we just need to set the new datasource.
          if (this.carsGrid) {
            this.carsGrid.setDataSource(dataSource);
          }

            $scope.carsGridOptions = {
                    dataSource: dataSource,
                    selectable:true,
                    editable: true,
                    columns: [{
                        field: "id",
                        },{
                        field: "model",
                        },{
                        field: "color",
                    }]
                };                     

        }

本质上，我只是将 GRID 的初始化与网格的 DATASOURCE 的设置分开。 第一次，您设置了网格选项并设置了数据源，然后在随后的时间里，我们只是将网格设置为新的数据源。

这避免了 k-rebind 行为...我相信这已记录在案：http://docs.telerik.com/kendo-ui/AngularJS/introduction#widget-update-upon-option-changes

这种方法不适用于 dataBound 小部件，因为这些小部件会在其数据每次更改时重新创建 - 例如，在 Grid 分页之后。

注意，我不太了解 Angular，因此可能有更好的方法来组织此代码，但它确实有效。