Страницы на стороне сервера EmberJS

Question

Я хочу создать сетку с сортировкой и фильтрацией разбиения на страницы на стороне сервера, у меня есть все, что было на внутреннем сервере с Rails и сериализаторами активных моделей, в настоящее время мне удалось это сделать с помощью плагина datatables.net и простой JS/JQuery, но ATM я хочу перенести front-end в EmberJS, до тех пор, пока все, что я могу найти, - это некоторые примеры с ArrayController и Pageable-Mixings, которые делают какую-то страницу на стороне клиента, которая не работает для меня это приложение. Есть ли замена datables.net в экосистеме EmberJS ?, любая помощь приветствуется.

Answer 1

Datatables.net существует некоторое время и довольно полнофункциональный. Я не знаю ни одной замены 1-1 в экосистеме EmberJS. Тем не менее, ember-table является довольно удивительным и может пригодиться для вашего приложения. Конечно, он может отображать сетку, поддерживаемую разбиением на страницы на стороне сервера/сортировкой/фильтрацией.

Чтобы посмотреть, как работает разбиение на страницы, посмотрите пример table-with-ajax. Он использует github api для ленивой загрузки одной страницы (30 строк) данных за раз. Я не пробовал, но вы можете расширить этот пример для поддержки на стороне сервера сортировки и фильтрации по:

Сброс массива контента, когда ваши свойства сортировки/фильтр изменить:

content: Ember.computed -> 
    App.TableAjaxExample.LazyDataSource.create 
    content: new Array(@get('numRows')) 
.property 'numRows', 'sort', 'filter' 

, а затем использовать эти свойства при запрашивая данные с сервера:

url = "https://api.github.com/repos/emberjs/ember.js/events?page=#{page}&per_page=30&sort=#{sort}&filter=#{filter}&callback=?"