Плагин columnFilter не работает с обработкой на стороне сервера Angular DataTables

Я использую таблицы данных Angular (https://github.com/l-lin/angular-datatables) с обработкой на стороне сервера все работает нормально, если я не добавляю фильтр столбцов. Но как только я добавляю параметр withColumnFilter, поиск, нумерация страниц и количество записей на странице перестают работать.

Вот моя часть HTML:

<div class="container-fluid">
<table datatable="" dt-options="vm.dtOptions" dt-columns="vm.dtColumns" class="row-border hover">
<tfoot>
<tr>
  <th>First Name</th>
  <th>Last Name</th>
  <th>Email ID</th>
  <th>Phone Number</th>
</tr>
</tfoot>
</table>
</div>

JS-часть:

(function () {
'use strict';

angular
.module('com.module.users')
.controller('UserCtrl', UserCtrl);

UserCtrl.$inject = ['$state', '$rootScope', 'ENV', 'DTOptionsBuilder', 'DTColumnBuilder'];
function UserCtrl($state, $rootScope, ENV, DTOptionsBuilder, DTColumnBuilder) {
var vm = this;

vm.currentPageState = $state.current.stateDesc;

vm.dtOptions = DTOptionsBuilder.newOptions()
  .withOption('ajax', {
    url: ENV.apiUrl + vm.currentPageState.rUrl + '/users',
    type: 'POST',
    headers: {
      Authorization: 'Bearer ' + $rootScope.globals.currentAdmin.token
    }
  })
  .withDataProp('data')
  .withOption('processing', true)
  .withOption('serverSide', true)
  .withPaginationType('full_numbers')
  .withBootstrap()
  .withColumnFilter({
    aoColumns: [{
      type: 'text',
      bRegex: true,
      bSmart: true
    }, {
      type: 'text',
      bRegex: true,
      bSmart: true
    }, {
      type: 'text',
      bRegex: true,
      bSmart: true
    }, {
      type: 'text',
      bRegex: true,
      bSmart: true
    }]
  });

vm.dtColumns = [
  DTColumnBuilder.newColumn('firstName').withTitle('First name'),
  DTColumnBuilder.newColumn('lastName').withTitle('Last name'),
  DTColumnBuilder.newColumn('email').withTitle('Email ID'),
  DTColumnBuilder.newColumn('phone').withTitle('Phone Number')
];
}

})();

После отладки я обнаружил, что URL-адрес ajax меняется на URL-адрес DOM. Я приложил скриншот для этого:

Нажмите здесь, чтобы увидеть изображение


person Govind Sah    schedule 04.12.2015    source источник
comment
Пожалуйста, предоставьте подробную информацию о вашем коде. См. как задать хороший вопрос и Как создать минимальный, полный и проверяемый пример   -  person Tristan    schedule 04.12.2015
comment
... и, пожалуйста, не отмечайте вопросы как срочные. Для вас это может быть срочно, но для читателей, как сейчас, так и через год, это совсем не срочно.   -  person halfer    schedule 04.12.2015
comment
Привет, l-lin, я проверил проблему № 475, где вы сослались на проблему № 467, но это не сработало, похоже, фильтр столбца jQuery не поддерживает его.   -  person Govind Sah    schedule 07.12.2015


Ответы (1)


Он работал с использованием withFnServerData вместо опции ajax.

person Govind Sah    schedule 09.12.2015