Erreur DateTimePicker MVC fenêtre modale

Question

Je développe des fenêtres modales pour créer et ma fonction d'édition dans MVC:

La création du bouton (créer et modifier) ​​je le fais de la Index.cshtml de la manière suivante:

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

Puis-je créer ma fenêtre modal et configurer mes scripts:

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

Mais lors de l'exécution de ma fenêtre modale, cela porte la disposition du menu .... S Olve ce problème en mettant en créer et modifier vue

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

Mais mon DateTimePicker cesse de fonctionner Toute aide pour moi?

Answer 1

On dirait que vous renvoyez une vue complète qui inclut également la disposition, pour le contenu modal. Vous devriez retourner un résultat de vue partielle

Donc, dans la méthode d'action Create, retourner une vue partielle si la requête est une requête ajax.

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

Lorsque vous appelez PartialView méthode, il ne comprend pas le code de votre fichier de configuration lors du rendu de la vue.

Cela fait la même chose que votre correctif, qui définit la mise en page sur null. Maintenant, pour corriger votre sélecteur de date, vous devez inclure les fichiers javascript nécessaires pour la datepicker dans la mise en page de votre page principale/page principale. Ainsi, lorsque votre page est chargée, elle charge les scripts nécessaires pour activer le comportement de la fonction datepicker.