javascript - Angular ui.grid。在两个网格之间移动行

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如何使用两个 Controller 和一个服务来管理它。它使用 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);
         });
      }
 };

<小时/>

编辑:

根据您的评论，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 的升级版本，我想我们现在就到了!