angularjs ui-grid datetimeピッカーが動作しませんでした

Question

angularjsプロジェクトのグリッド。私はフィルターのdatetimeピッカーが必要です。 そのために、angle-bootstrap-datetimepickerディレクティブを使用しました。 私のフィルタテキストボックスにdatetimepickerが表示されます。

が、私は、それはここでは、フィルタ変更イベント

をトリガしません日付を変更私のコードです：日付ピッカーの変更イベントに

$scope.gridOptions = { 
     paginationPageSizes : [1], 
     paginationPageSize : 1, 
     useExternalPagination: true, 
     showGridFooter  : true, 
     showColumnFooter  : true, 
     enableFiltering  : true, 
     useExternalFiltering : true, 
     onRegisterApi  : function(gridApi) { 
      $scope.gridApi = gridApi; 

      $scope.gridApi.core.on.filterChanged($scope, function(){ 
         console.log("teststs"); 
       angular.forEach(this.grid.columns, function(column){ 
        console.log(column.filters[0].term); 
        if(column.filters[0].term) 
         $scope.searchParams[column.name] = column.filters[0].term; 
        else if(column.filters[0].term === null) 
         delete $scope.searchParams[column.name]; 
       }); 

       getPages(1, $scope.searchParams); 
      }); 
     }, 
     columnDefs   : [ 
      { 
       field: 'createdAt', 
       filterHeaderTemplate: '<div class="ui-grid-filter-container"><input type="text" id="dt1" class="form-control input-sm" datetimepicker ng-model="colFilter.term" placeholder="RAMA" name="time"></div>', 
       cellFilter: 'date: "yyyy-MM-dd"' 
      }, 
      { 
       field: 'updatedAt', 
       cellFilter: 'date: "' + ENV.dateFormat + '"' 
      } 
     ] 
    }; 

Answer 1

、あなたが追加することができます：

$scope.gridPacksApi.core.raise.filterChanged(); 

を

イベントを強制する。