错误 DateTimePicker MVC 模式 window

Question

我正在为 MVC 中的创建和编辑功能开发模式 windows：

按钮的创建（创建和编辑）我从 index.cshtml 按以下方式进行：

<a id="btnCreateBodega" data-toggle="modal" class="btn btn-success" href="#myModalBodega"> Create Winery </a>

   <a href="#myModalBodega" id="btnEditBodega" class="btn btn-success" data-toggle="modal" data-id="@item.Kn_Codigo"> Edit </a>

然后我创建我的模式 Window 并配置我的脚本：

<Div id = "myModalBodega" class = "modal fade" tabindex = "- 1" role = "dialog" aria-labelledby = "myLargeModalLabel">
    <Div class = "modal-dialog">
        <Div class = "modal-content">
            <Div class = "modal-body">
                <Div id = "modal-content">

                </ Div>
            </ Div>
        </ Div>
    </ Div>
</ Div>



@section Scripts
    {
    <Script>

        $ ('# BtnCreateBodega'). Click (function (eve) {
            $ ("# Modal-content"). Load ("/ Bodegas / Create");
        })

        $ ('# BtnEditBodega'). Click (function (eve) {
            $ ("# Modal-content"). Load ("/ Bodegas / Edit /" + $ (this) .data ("id"));
        })

    </ Script>
}

但是当运行我的模态 window 时，这会带来菜单布局 ... 通过放入创建和编辑视图

来解决这个问题

@{
    ViewBag.Title = "Create";
    Layout = null;
}

但是我的 DateTimePicker 停止工作对我有什么帮助吗？

Answer 1

看起来您正在 return 浏览完整视图，其中还包括模态内容的布局。您应该 return 部分视图结果

所以在Create动作方法中，return部分查看如果请求是ajax请求。

if(Request.IsAjaxReques())
{
    return PartialView();
}
return View();  // if your action method supports non ajax calls, return normal view.

当您调用 PartialView 方法时，它不会在渲染视图时包含布局文件中的代码。

这与您的修复方法相同，即将布局设置为空。

现在要修复日期选择器，您需要在主页/主页布局中包含日期选择器所需的 javascript 文件。因此，当您加载页面时，它会加载所需的脚本以启用日期选择器行为。

错误 DateTimePicker MVC 模式 window

Error DateTimePicker MVC modal window

c#

jquery

asp.net-mvc

bootstrap-modal

bootstrap-datetimepicker