Ignite UI 树网格未使用新数据更新表答案

【问题标题】：Ignite UI tree grid is not updaing the table with new dataIgnite UI 树网格未使用新数据更新表
【发布时间】：2016-08-09 13:23:42
【问题描述】：

我正在我的应用程序中集成 Ignite UI 树网格角度指令。我正在使用空数据源初始化网格，因为数据是从服务器加载的，然后将数据从服务器分配到树网格的数据源，但它没有更新表中的数据。当我使用 ig 网格指令时它正在工作，但是当我使用 ig 网格树指令时它不起作用。如果有人想查看代码，我可以分享。
这是我的 div 元素，用于将 ig 网格绑定为属性。

  <div ng-controller= "gridController">
 <div  id="gridMyGrid" ig-tree-grid="gridOptions" ></div>
  </div>

这是我的控制器中带有网格选项对象的代码。

    angular.module('gridModule',['igniteui-directives'])
  .controller('gridController',function($scope){
      var  realObject = [
                         {"p_l": 68,
    "total_p_l": 68,
    "delta_notional_gross": 0,
    "delta_notional_log": 0,
    "delta_notional_short": 0,
    "delta": 0,
    "gamma": 0,
    "vega": 0,
    "theta": 0,
    "implied_volatility": 0,
    "beta": 0,
    "portfolio_hvar": 0,
    "historical_value_at_risk": 0,
    "secpxs_down_100bps": 0,
    "sec_pxs_plus15percent": 0,
    "sec_pxs_minus15percent": 0,
    "name": "LN 200",
    "qunatity": 200,
    "share_details": []
           }
                ]
        $scope.realObject =[];
          var options = {
                    primaryKey: "name",
                    childDataKey: "share_details",
                    width: '100%',
                    height: 400,
                    autoGenerateColumns: true,


                    dataSource: $scope.realObject,
                    features: [


                        {
                            name: "ColumnMoving",
                            columnMovingDialogContainment: "window"
                        }
                    ]
                };
      $scope.gridOptions = options;


           $timeout(function(){
                                $scope.realObject.push(realObject[2]);
                                $scope.gridOptions.dataSource = $scope.realObject;


                            },5000)
})

感谢任何帮助。

在 js 上添加示例可以满足我的期望。
没有树结构和更新数据的链接
Link for JS Fiddle

未更新数据的树状结构链接。
Link for JS Fiddle with Tree structure

【问题讨论】：

标签： javascript angularjs infragistics ignite-ui

【解决方案1】：

igTreeGrid 没有对 AngularJS 的双向数据绑定支持。（igGrid 有）

所以需要手动对igTreeGrid进行数据绑定。我使用手动数据绑定修改了示例。

$("#grid1").igTreeGrid("dataBind");

Link to JS Fiddle

或者您可以使用igTreeGridUpdating api 来更改数据，而不是更改范围数据。

【讨论】：

@dkamurov 我很好奇它在“IG Grid 中运行良好而不使用您的解决方案那么为什么我们在集成时必须使用 $("grid1").igTreeGrid("dataBind") “IG 树网格”。
@dkamurov 另一件事是，在 Ignite UI 的文档中，igtreeGrid 支持一种数据绑定方式，即当用户更新数据源时，它将反映到网格并更新视图对于新的或更新的源，但它甚至不适用于单向数据绑定。
igTreeGrid 不提供对 AngularJS 的两种数据绑定支持，（它可能会在某些时候引入）数据绑定支持的一种方式是如果您通过更新 API 更新数据，则此更改将反映到范围内。
你能举个例子，通过更新api来更新数据吗？会有帮助的。
当然，你去jsfiddle.net/4sz9kn84/2。这是 Api $("#grid1").igTreeGridUpdating("updateRow", 0, {tasks: "Task Changed"});