1

Angular データテーブル モジュールを使用します。https://github.com/l-lin/angular-datatables

イベントを追加しようとprocessing.dtしましたが、うまくいきません。

これは、ベース API の元のコードです https://datatables.net/reference/event/processing

$('#example')
    .on( 'processing.dt', function ( e, settings, processing ) {
        $('#processingIndicator').css( 'display', processing ? 'block' : 'none' );
    } )
    .dataTable();

そして、これは私の未作業のコードです

.withOption('processing.dt', function( e, settings, processing){
           console.log(processing);
           $scope.loading = processing;
           }) .withOption('initComplete', function(){
                $scope.loading = false;
           })
4

1 に答える 1

4

angular データテーブルを扱うときに dataTables イベントを使用することに違いはありません。テーブルがあれば

<table datatable dt-options="dtOptions" dt-columns="dtColumns" id="example">

次に、これは機能します[ http://plnkr.co/edit/hBDjR9ytD0hK6YgwrgMd?p=preview ]

$('#example').on('processing.dt', function() {
   console.log('processiong.dt');
})

これは機能します [ http://plnkr.co/edit/zKYyrneXl2YudNTXZkXv?p=preview ]

angular.element('#example').on('processing.dt', function() {
   console.log('processiong.dt');
})

を使用する場合は、イベント リスナーをアタッチすることもできます (ここでは、初期化されるのをdtInstance待ってから、ハンドラーをアタッチします [ http://plnkr.co/edit/DJa1xwzxArrWhplDY278?p=preview ]):dtInstanceorder.dt

$scope.dtInstance = {}    

$scope.$watch('dtInstance', function() {
    if ($scope.dtInstance.DataTable) {
        $scope.dtInstance.DataTable.on('order.dt', function() {
           console.log('order.dt')
        })
    }
})

イベントを処理する特定の「角度データテーブル」の方法がないことを示すために、基本的にまったく同じです。angular.element()方法があり、特別なdtInstanceオブジェクトで作業できるため、いくつかのオプションがあります。

于 2016-02-16T09:50:47.167 に答える