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

Question

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

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

有没有人准备好此解决方案？

提前致谢。

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

Answer 1

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

并不是我认为您的问题出在如何设置gridOptions ，在您的示例中，我没有看到在何处设置gridOptions的'`selectedItems'属性：

查看修改内容：

 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);
         });
      }
 };

---

编辑：

根据您的评论， 这是 您引用的文章 plunkr的分支，它是升级版本。 希望您可以以此为起点。

从本文开始，基本上要使用ui-grid， 您需要升级angular和ui-grid的版本 。

---

编辑：

好的， 您的JsBin已经非常接近了，我对其进行了编辑， 这是新版本 ，现在是我原始JsBin的升级版本，我想我们现在已经存在了！

Answer 2

这里的最终解决方案是JSBin ，添加了回调函数gridApi.selection.on.rowSelectionChangedBatch ，该回调函数用户可以使用“全选”按钮，并且所选列表将被更新。