Angular-Ui-Calendar: фильтровать события в календаре на основе выпадающего списка.

Я использую Angular-Ui-Calendar, и у меня есть 3 представления в моем календаре. Я добавил раскрывающийся список со списком пользователей над календарем. Итак, моя цель — отфильтровать визуализированные события на основе выпадающего списка.

Я хочу применить логику фильтрации в своем календаре Angular-Ui. Позвольте мне рассказать о моем календаре

У меня есть календарь с 3 представлениями (повестка дня, повестка дня и базовая неделя), и я использую 2 источника для загрузки событий в свой календарь. Мой первый источник — «Задачи пользователей»
, а второй — «Встречи пользователей». Во-первых, я хочу загрузить только источник «Задача» для повестки дня и повестки дня, и когда пользователь переключает представления в календарь базовой недели, он будет получать и отображать «Встречу» в базовой неделе. Я столкнулся с проблемой, чтобы сделать это.

Во-вторых, у меня есть раскрывающийся список / поле выбора вне календаря, в котором есть список пользователей. Теперь я хочу отфильтровать эти источники (задачи и встречи) в соответствии с выбранными пользователями.

вот мой код plunkr

http://embed.plnkr.co/qfzCSi/preview

or

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

пожалуйста, дайте мне какое-нибудь решение для этого.


angularjs fullcalendar angular-ui
person Anil Kumar Pandey    schedule 03.07.2013    source источник
comment
Вопросы должны демонстрировать минимальное понимание решаемой проблемы. Расскажите нам, что вы пытались сделать, почему это не сработало и как это должно работать.   -  person Stewie    schedule 03.07.2013
comment
хорошо .. я обновляю свой пост   -  person Anil Kumar Pandey    schedule 03.07.2013

Ответы (1)


arrow_upward
4
arrow_downward

Наконец я получил решение, я решил проблему с фильтром в angular-ui-calendar.

Когда конечный пользователь выбирает пользователя из раскрывающегося списка (над календарем), он вызывает функцию onStaffSelect (userId) в контроллере.

 /*on user select*/
$scope.onUserSelect = function(id){
    console.log("### onUserSelect is called "+id);
    if(id==1)
      $scope.events = [{title: 'Birthday Party',start: new Date(y, m, d + 1, 19,     0),end: new Date(y, m, d + 1, 22, 30),allDay: false, userId: 1}];
    };

 $scope.myCalendar.fullCalendar( 'removeEvents');
 $scope.myCalendar.fullCalendar( 'addEventSource', $scope.events);
person Anil Kumar Pandey    schedule 04.07.2013
comment
У меня он успешно работает... Позже я также обновлю ссылку на plunkr. - person Anil Kumar Pandey; 04.07.2013