Question

我最近开始使用angular-ui-grid（http://ui-grid.info/）并尝试创建在两个不同网格之间移动行的解决方案（正是这个解决方案，但这是在剑道网格上完成的 - http://jsfiddle.net/OnaBai/2qXKy/）。

由于我是java脚本的新手，我无法在angular-ui-grid中重新创建它。将选定的grid1行分配给grid2并从grid1中删除选定的行时会遇到一些麻烦。

有没有人准备好这个解决方案？

提前致谢。

编辑：我添加了快速不工作的jsfiddle（http://jsfiddle.net/LimoJoe/n9h7xmw3/4/）

Answer 1

在这里a JSBin了解如何使用两个控制器和一个服务来管理它。它使用的是ngGrid，但在这种情况下仍应与ui.grid足够相似。

并非我认为您的问题在于如何设置gridOptions，在您的示例中，我没有看到您在哪里设置gridOptions＆＃39; s＆＃ 39;`selectedItems＆＃39;属性：

见编辑：

 this.gridOptions = {
     data: 't2.items',
     /** NG Grid way
      selectedItems: [] 
     */
     /** UI Grid way */
     enableRowSelection: true,
     enableSelectAll: true,
     multiSelect: true,
     onRegisterApi: function(gridApi) {
         $scope.gridApi = gridApi;
         gridApi.selection.on.rowSelectionChanged($scope, function(rows) {
             angular.copy(gridApi.selection.getSelectedRows(), ctl.selectedItems);
         });
      }
 };

编辑：

根据您的评论here's a fork the article you referenced的plunkr，即升级版本。希望你可以用它作为起点。

基本上使用ui-grid，从该文章you need to upgrade the version of angular and ui-grid开始。

编辑：

好的，your JsBin非常接近，我编辑了它，here's the new version，现在它是我原来的JsBin的升级版本，我想我们现在就在这里！

Answer 2

此处JSBin的最终解决方案添加了回调函数gridApi.selection.on.rowSelectionChangedBatch，用户可以使用“全选”按钮和所选列表进行更新。

角度ui.grid。在两个网格之间移动行

2 个答案: