【问题标题】:Error DateTimePicker MVC modal window错误 DateTimePicker MVC 模式窗口
【发布时间】:2017-08-29 15:51:25
【问题描述】:

我正在为 MVC 中的创建和编辑功能开发模态窗口:

按钮的创建(创建和编辑)我从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>

然后我创建我的模态窗口并配置我的脚本:

<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>
}

但是在运行我的模态窗口时,这会带来菜单布局.... 通过放入创建和编辑视图来解决这个问题

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

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

【问题讨论】:

    标签: c# jquery asp.net-mvc bootstrap-modal bootstrap-datetimepicker


    【解决方案1】:

    看起来您正在返回一个完整的视图,其中还包括模式内容的布局。您应该返回部分视图结果

    所以在Create这个action方法中,如果请求是ajax请求,则返回部分视图。

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

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

    这与您的修复相同,即将布局设置为 null。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-07-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-13
      • 1970-01-01
      • 1970-01-01
      • 2015-07-16
      相关资源
      最近更新 更多