3

UI-grid kullanıyorum. Burada sütun taşıma işlevini kullanıyorum. http://ui-grid.info/docs/#/tutorial/217_column_moving Bu kullanıcının kullanılması kılavuz sütun konumunu değiştir .Bir sütun konumunu başarıyla değiştirdiğinde bir olay istiyorum. Sütunun konumunu değiştirdikten sonra bir uyarı göstermek istiyorum. Başka bir deyişle, sütun başarıyla bırakıldığında geri arama işlevi eklemek istiyorum.Sütun değiştiğinde olay nasıl alınır?

gridApi.colMovable.on.columnPositionChanged(scope,function(colDef, originalPosition, newPosition){})

Ekleme aşağıdaki kod parçacığını: Burada

sütun pozisyon

<!doctype html> 
<html ng-app="app"> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script> 
    <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script> 
    <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script> 
    <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script> 
    <script src="http://ui-grid.info/release/ui-grid.js"></script> 
    <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"> 
    <link rel="stylesheet" href="main.css" type="text/css"> 
    </head> 
    <body> 

<div ng-controller="MainCtrl"> 
<div class="grid" ui-grid="gridOptions" ui-grid-move-columns></div> 
</div> 


    <script src="app.js"></script> 
    </body> 
</html> 

cevap

2

Sen API kullanabilirsiniz değiştirildikten sonra ben uyarıyı göstermek istiyorum benim kod http://plnkr.co/edit/osrmsawxqhA7pEHYP1EE?p=preview olduğunu

$scope.gridOptions.onRegisterApi = function(gridApi) { 
gridApi.colMovable.on.columnPositionChanged($scope,function(colDef, originalPosition, newPosition){ 
    alert('test'); 
}) 

}; işlemek için kod aşağıdaki Kullanılan

http://plnkr.co/edit/DRl6sn4Wyk8uaurvVrwt?p=preview

+0

Yardım için teşekkürler – user944513

0

sütunu değiştirildi olay sütun hareket olayları işlemek için "ui-grid-hareket-sütunları" direktifini kullanılmış

$scope.gridOptions.onRegisterApi = function (gridApi) { 
     $scope.gridApi = gridApi; 
     $scope.gridApi.colMovable.on.columnPositionChanged(); 

     }; 

<div class="grid" ui-grid="gridOptions" ui-grid-move-columns></div>