角度ui-grid两个网格,从grid1预填充某些值到grid2单元

时间:2016-02-23 15:48:50

标签: angularjs angular-ui-grid

我在共享同一控制器的2个不同视图模板上有2个网格。我想用grid1中用户填充的值填充grid2的值。我如何实现这一目标?我能看一个例子吗?

View1模板:

 <div ui-grid="section1" 
        class="sectiongrid" ui-grid-edit ui-grid-row-edit ui-grid-cellNav ui-grid-resize-columns>
    </div>
     <button ng-click="addNewItem(section1)">Add Row</button> 

View2模板:

<div ui-grid="section2" 
        class="sectiongrid" ui-grid-edit ui-grid-row-edit ui-grid-cellNav ui-grid-resize-columns>
    </div>

两个视图之间共享的控制器:

$scope.section1 = { 
                enableCellEditOnFocus: true, 
                enableCellEdit:true, 
                enableSorting: false,
                columnDefs:[{
                        field:'Data'
                },
                {
                        field: 'Location'
                },
                {
                        field: 'Level',
                        editType: 'dropdown',
                        enableCellEdit:true,
                        editableCellTemplate: 'ui-grid/dropdownEditor',
                        editDropdownOptionsArray: $scope.levels,
                        editDropdownIdLabel: 'option',
                        editDropdownValueLabel: 'option'
                    }],
                    onRegisterApi: function(gridApi) {
                         grid = gridApi.grid;
                  }

            };

如何使用section1?

中的值填充section2表值

1 个答案:

答案 0 :(得分:0)

查看angular.copy功能。

angular.copy(source, [destination]);

然后,您可以将grid2设置为source,将grid1设置为destination