fullcalendar custombutton click удаляет html элементов

Question

У меня есть сайт Fullcalendar, где я использую опцию customButtons для добавления двух кнопок. Я также использую функцию jquery .apppend, чтобы добавить раскрывающийся список и текстовое поле в заголовке. Когда я нажимаю пользовательскую кнопку, выпадающий список и добавленное текстовое поле исчезают. Я не могу найти причину. Может кто-нибудь помочь мне с этой проблемой?

Это мой код для пользовательской кнопки. Он устанавливает параметр фильтра и меняет значок на кнопке.

customButtons: {
filterButton: {
  text: '',
  click: function() {
    var newFilterResourcesWithEvents = ! calendar.getOption('filterResourcesWithEvents');
    calendar.setOption('filterResourcesWithEvents', newFilterResourcesWithEvents);
    tekst();
  }
 }
},

Но также удаляет эти элементы. Код для добавления для выпадающего и текстового ввода:.

$("#calendar .fc-resource-area .fc-widget-header .fc-cell-text").eq(0).append('<div class="form-inline"><div id="resourceddldiv"><select class="selectpicker" id="resourceddl" data-container="body"></select></div><input type="text" id="filter" placeholder="filter" size="15" style="margin-left:40px";></div>'); 

до нажатия после нажатия

Answer 1

Я решил это, добавив элементы снова после функции из пользовательской кнопки. Если бы я использовал event.preventDefault (); функция не была выполнена вообще. И поскольку вся таблица отображается снова после функции, единственное решение добавляло ее снова.

Answer 2

Похоже, вы получаете постбэк, и он не обновляет ваш JS на странице. Я не могу сказать, где вы разместили свои элементы в ваших JS файлах. Кнопка по умолчанию отправляет, поэтому вам нужно отменить это значение по умолчанию, если вы не хотите выполнять обратную передачу.

event.preventDefault();

Поместите это с вашим событием кнопки, чтобы остановить обратную передачу, и оно не будет обновляться sh ваша страница приводит к потере этих элементов.