MVC view не загружается в модальный диалог загрузки

Я создаю приложение MVC3, в котором я использую файлы начальной загрузки. Я пытаюсь открыть представление AddEmployee.cshtml (которое в настоящее время открывается нормально) в модуле bootstrap, чтобы добавить новую запись сотрудника.MVC view не загружается в модальный диалог загрузки

Проблема, с которой я сталкиваюсь, заключается в том, что когда я создаю простой пустой модальный, он открывается правильно, но когда я пытаюсь загрузить мой вышеупомянутый вид бритвы в модальном режиме, этот модал не работает. Я хочу, чтобы на каждой странице была ссылка (по щелчку которой модальный должен быть открыт), поэтому у меня это есть в моем _Layout.cshtml.

Я вставляю приведенный ниже код для справки.

1) _Layout.cshtml

<body> 
<div class="container"> 
    <div class="row" id="sidebar"> 
     @Html.Partial("_sidebar") //This has the link 
    </div> 
    <div class="row"> 
     <div id="content"> 
      @RenderBody() 
     </div> 
    </div> 
</div> 
</body>

2) _sidebar.cshtml: -

<div class="col-xs-4" style="text-align: right;"> 
    <a style="cursor: pointer;" href="../Home/AddEmployee" data-toggle="modal" id="btnCreate"> 
    <input type="image" src="../../Images/addnewfinal.png" alt="Add New Allocation" id="btnAddNewAllocation" /><span id="spanAddNewEmployee">Add New Employee</span> 
    </a> 
</div>

3) Регулятор: -

public class HomeController : Controller 
{ 
    [HttpGet] 
    public ActionResult AddEmployee() 
    { 
     ..... 
     return View(); 
    } 
}

4) AddEmployee.cshtml (который Я хочу показывать в модальном виде): -

<div class="modal fade" id="addNew" aria-labelledby="#myLabel" aria-hidden="true" tabindex="-1" role="dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
      &times; 
     </button> 
     <h4 class="modal-title" id="myLabel">Add New Employee 
     </h4> 
    </div> 
    @using (Html.BeginForm("AddEmployee", "Home", FormMethod.Post, new { @id = "testForm" })) 
    { 
     <div class="modal-body"> 
      <div> 
       @Html.EditorFor(x => x.ListOfEmployees) 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" data-dismiss="modal" class="btn btn-default"> 
       Close 
      </button> 
      <button type="submit" class="btn btn-primary"> 
       Submit 
      </button> 
     </div> 
    } 
</div> 
</div>

5) EditorFor шаблон (Employee.cshtml): -

<div class="form-group" id="div1"> 
    @Html.TextBoxFor(model => model.Id, new { @placeholder = "Id", @class = "form-control", id="userId", name = "userId", onblur="Showavailability()"}) 
    <span class="help-inline">@Html.ValidationMessageFor(model => model.Id)</span> 
</div> 
<div class="form-group"> 
    @Html.TextBoxFor(model => model.Name, new { @placeholder = "Name", @class = "form-control", name = "userName" }) 
    <span class="help-inline">@Html.ValidationMessageFor(model => model.Name)</span> 
</div>

Когда я щелкаю по ссылке в _sidebar.cshtml, управление переходит к действию контроллера и чем Employee.cshtml также, но модальный Безразлично» t получить создан, то, что я получаю, это только выцветший экран.

Их или их Javascript также необходимо написать для этого? Пожалуйста, помогите мне в решении этого вопроса. Спасибо заранее.

источник

2014-09-18 Vicky Singh Tomar

Во-первых, вам необходимо отобразить ваш AddEmployee.cshtml как частичный, чтобы он отображался на вашей странице. Во-вторых, я не верю, что вы можете одновременно иметь как href="../Home/AddEmployee", так и data-toggle="modal" .... Мое предположение, что вы хотите открыть этот модаль, чтобы запросить подтверждение, а затем создать его. Если это так, вам также нужно будет установить модальную цель для кнопки (link).

источник

2014-09-18 21:03:02 Steve

Steve - Я не хочу запрашивать подтверждение, просто хочу открыть AddEmployee.cshtml в модальном формате и добавить запись. –

@VickySinghTomar, то вам нужно будет использовать javascript для прослушивания события щелчка на кнопке и вызова ajax. Bootstrap не поддерживает несколько переключений данных, если я помню обряд. Все остальное - то же самое – Steve

MVC view не загружается в модальный диалог загрузки

ответ

Смежные вопросы