jquery - 将 FullCalendar 日期传递到我的对话框模态表单

标签 jquery asp.net-mvc jquery-ui fullcalendar

我正在使用 fullcalendar,我想要的是将单击的日期传递到对话框模式表单(asp.net mvc PartialView)。这是我现在的代码:

 $calendar.fullCalendar({

        events: "/Home/CalendarData",
        dayClick: function (date) {
            $calendar.fullCalendar("renderEvent", { title: "on process", start: date}, true);

            $("#editDialog").html('')
            .load("/Home/About", function () {
                $("#editDialog").data("value", date).dialog("open");
            });
        }
    });

如您所见,我已经尝试使用 data() 函数将值传递到我的对话框。有没有办法让我的 PartialView 访问该数据?

最佳答案

您应该能够使用 $.load 的第二个参数传递 json 负载

例如

$calendar.fullCalendar({
        events: "/Home/CalendarData",
        dayClick: function (date) {
            $calendar.fullCalendar("renderEvent", { title: "on process", start: date}, true);

           var payLoad = {
              ‘selectedDate’ : date
           };

            $("#editDialog").html('')
            .load("/Home/About", payLoad, function () {
                $("#editDialog").data("value", date).dialog("open");
            });
        }
    });

在上面的示例中,我们创建了一个名为 payLoad 的 json 对象,并通过 $.load 方法将其传入。现在,您可以在 Controller 操作上通过名称 selectedDate 定义变量并捕获值

关于jquery - 将 FullCalendar 日期传递到我的对话框模态表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15053390/

相关文章:

javascript - 如何在AJAX中清除textarea字段onclick?

c# - ASP.NET 中的 HostingEnvironment.QueueBackgroundWorkItem() 用于小型后台任务

jQuery UI 自动完成组合框对于大型选择列表非常慢

jquery - 使用 jTable-JQuery 进行动态删除操作

javascript - Jquery ui选项卡问题

javascript - 将列表项图像对齐到 html 中心

jquery - 列表项移动时向下滑动导航

javascript - 如何强制元素在中间?

c# - 如何从 MVC 中的部分页面设置页面标题

c# - 如何添加用户 ID 以在 mvc4 中验证 cookie