Arrays AngularJS(ng栅格)-单独拖动行
由于ng grid,我构建了一个阵列,可以在其中放置文件:Arrays AngularJS(ng栅格)-单独拖动行,arrays,angularjs,Arrays,Angularjs,由于ng grid,我构建了一个阵列,可以在其中放置文件: <div id="myTable" ng-controller="myTable" style="" droppable dropzone drop="handleDrop()"> <div class="gridStyle" ng-grid="gridOptions" > </div> </div> 现在,我希望能够从这个数组中只拖动一行,然后将它放到我网页上的另一
<div id="myTable" ng-controller="myTable" style="" droppable dropzone drop="handleDrop()">
<div class="gridStyle" ng-grid="gridOptions" >
</div>
</div>
现在,我希望能够从这个数组中只拖动一行,然后将它放到我网页上的另一个数组中
我试图将enableRowReordering设置为true,但它没有任何作用。
我还尝试将draggable放在上面的不同div中。它可以工作,但我只能拖动整个数组,而不仅仅是一行
有什么想法吗?
谢谢大家!
编辑:网格选项:
$scope.gridOptions = { //options of the grid
data: 'newResults',
showGroupPanel: false,
selectedItems:$scope.selectedRows, // getting information on the selected row
multiSelect:false,
showSelectionCheckbox:false,
enableRowReordering: true, //enable the drag ???
keepLastSelected: true,
// Event when click on a row
afterSelectionChange:function(data){
if ($scope.selectedRows[0] !== undefined){
console.log("The selected row is : ")
console.log($scope.selectedRows[0].riskalias)
}
},
columnDefs: [{field: 'riskalias', displayName: 'Risk Alias'},
{displayName: 'Options', cellTemplate: '<input type="button" name="view" ng-click="tableView()" value="View"> <input type="button" name="edit" ng-click="tableEdit()" value="Edit"> <input type="button" ng-click="tableDelete(row.entity.name)" name="delete" value="Delete">'}
]
};
$scope.gridOptions={//网格的选项
数据:“新结果”,
showGroupPanel:false,
selectedItems:$scope.selectedRows,//获取所选行的信息
多选:错,
showSelectionCheckbox:false,
enableRowReordering:true,//是否启用拖动???
他说:是的,
//单击行时发生的事件
选择后更改:功能(数据){
如果($scope.selectedRows[0]!==未定义){
log(“所选行为:”)
console.log($scope.selectedRows[0].riskalias)
}
},
columnDefs:[{字段:'riskalias',显示名称:'Risk Alias'},
{displayName:'Options',cellTemplate:'}
]
};
您可以发布$scope.gridOptions吗?我的第一个想法是添加$scope.gridOptions.rowTemplate并向行中添加一个draggable指令。。。你的描述漏掉了一个字。您在哪里添加了Dragable?是的,当然,这是我的网格选项