itsathere Ответов: 1

Как изменить событие и ресурсы fullcalendar


Я могу измениться [fullcalendar] ресурсы, но не в состоянии изменить события (заголовок календаря).

Что я уже пробовал:

var data = {
            startDate: $("#EventDate").val(),
            regionID: parseInt($("#SubRegion").val()),
            subTypeID: parseInt($("#Subtype").val()),
        };
        var events = {
            url: "@Url.Action("RefreshCalendar", "Ecom")",
            type: 'POST',
            data: data
        }
 $('#calendar').fullCalendar('removeEvents');
 $('#calendar').fullCalendar('addEventSource', event);

David_Wimbley

Что вы подразумеваете под "изменением событий (заголовок календаря)"

itsathere

Если вы видите демонстрационный заголовок fullcalendar календаря show Sun/Mon/Tue/Wed/Thu/Fri/Sat.в моем случае все эти дни-это места, которые динамичны, и мне нужно изменить их динамически.

David_Wimbley

Почему вы хотите изменить заголовок тех дней? Понедельник не понедельник?

В любом случае, похоже, что заголовки имеют классы. Разве ты не можешь просто сделать это

$(".ФК-СР").код HTML("вторник"); и теперь вы сделали заголовке Ср становятся Вт.

itsathere

Город1 город2 город3 город4 город5 ... это динамический заголовок вместо вс/пн/вт/ср/чт/пт/сб

и мне нужно изменить его динамически при смене в выпадающем списке.
ниже приведен url-адрес snap shot
http://imgur.com/FnHkZ7x

David_Wimbley

Опять же, City1 может соответствовать понедельнику, так почему бы просто не сделать то, что я сказал

$(".fc-wed"). html ("City2");

itsathere

Но у меня есть много столбцов для привязки в заголовке, но есть только 7 дней в неделю, тогда как я буду обрабатывать много данных в вашем сценарии.

David_Wimbley

Это вам предстоит выяснить. В календаре просмотра этого месяца у вас есть только семь дней. Таким образом, у вас есть 7 заголовков для работы. Каким-то образом ваши города будут соответствовать дню (опять же, ваша логика).

Вы также можете просто перебирать все заголовки

$(".ФК-день-коллектор").каждый(функция (К, в) {
var that = this;
var cities = / / сделайте что-нибудь здесь, чтобы загрузить города, чтобы сделать ваши заголовки;

$. each(cities, function (k, v) {
// установите текст заголовка в качестве названия города
$(that). html(v);
});
});


Тогда каким-то образом, если у вас есть 100 городов и только 7 заголовков, каждый месяц должен соответствовать группе из 7 городов. Так что думайте об этом как о пейджинге.

В C# вы можете сделать что-то вроде

// увеличивайте это значение по мере прохождения месяцев.
// например, если вы находитесь в июне (месяц 6) и у вас есть 7 дней в неделе, 7 * 6 = = 42
var citiesAlreadyShownCount = месяц * 7;

var returnCities= города.Skip (citiesAlreadyShownCount).Возьмите (7);

Затем вы берете returnCities и показываете это в своем вызове. ajax, чтобы обновить заголовки дня, чтобы они были названиями городов.

Для таких вещей лучше всего, если вы возьмете свою проблему и разобьете ее на более мелкие кусочки. Вы задерживаетесь на "omg how do i make a calendar say city names instead of days", когда в конце концов разбиваете его по частям (как я уже говорил выше)...немного поработав...вы достигнете той функциональности, которую ищете.

itsathere

Спасибо за предложение.Я пытаюсь понять это.

Karthik_Mahalingam

какое событие? быть более конкретным

itsathere

При изменении выпадающего списка мне нужно обновить данные календаря, где заголовок и событие календаря являются динамическими.Я могу изменить название события, но не могу изменить его значение заголовка

Karthik_Mahalingam

dropdownlist-это отдельный элемент управления или часть элемента управления календарем ?
значение заголовка ? по предоставленной ссылке, которая является значением заголовка?

itsathere

Если вы видите демонстрационный заголовок fullcalendar календаря show Sun/Mon/Tue/Wed/Thu/Fri/Sat.в моем случае все эти дни-это места, которые динамичны, и мне нужно изменить их динамически.

Karthik_Mahalingam

ладно, ладно, а теперь в чем твоя проблема?
можете ли вы опубликовать его скриншот?

itsathere

Я не знаю, как разместить снимок экрана, но я пример ниже

Город1 город2 город3 город4 город5 ... это динамический заголовок вместо вс/пн/вт/ср/чт/пт/сб

и мне нужно изменить его динамически при смене в выпадающем списке.

Karthik_Mahalingam

использовать этот[^]чтобы загрузить скриншот и поделиться ссылкой

Karthik_Mahalingam

dropdownlist - это отдельный элемент управления ?

itsathere

Да, Ниже приведен url-адрес snap shot
http://imgur.com/FnHkZ7x

Karthik_Mahalingam

проверьте это https://snag.gy/rlTyjo.jpg

itsathere

Да, заголовок должен быть похож на упомянутый вами url-адрес изображения.

Karthik_Mahalingam

проверьте мое решение

Richard Deeming

Похоже, вам нужно дополнение Fullcalendar Scheduler, но это коммерческий компонент.

Единственный бесплатный компонент планировщика, который я видел, - это @Dan-Letecky Daypilot Scheduler Lite[^] контроль, который довольно ограничен по сравнению с коммерческой версией.

1 Ответов

Рейтинг:
1

Karthik_Mahalingam

попробовать это

eventAfterAllRender: function () {
			    var map ={Sun:'City1',Mon:'City2',Tue:'City3',Wed:'City4',Thu:'City5',Fri:'City6',Sat:'City7'};
			    $('.fc-widget-header th').each(function (i,elem) {
			        var newText = map[$(elem).text()];                   
			        $(elem).text(newText);
			    });
			}


itsathere

У меня есть динамическое множество данных для привязки в заголовке не только 7.Когда 1-й раз я загружаю календарь, то fullcalendar связывает данные правильно, потому что я предоставляю данные json, но при поиске они должны изменяться динамически.Таким образом, заголовок будет динамическим.

Karthik_Mahalingam

в недельном представлении всего 7 столбцов

itsathere

Но мне нужно, чтобы Дайан попытался разобраться в ситуации.Кстати, спасибо за ваше драгоценное время.