Создание диалогового окна с кодом на C# (Razor). Проект MVC

@Aleksey_FL · Регистрация: 27.09.2013

Author24 — интернет-сервис помощи студентам

Уважаемые форумчане, подскажите!
Задача следующая, на основной странице имеется кнопка, при нажатии на которую должно появится отдельное диалоговое окно поверх основного окна. Отдельное диалоговое окно будет содержать в себе форму на C#(Razor).

У меня при нажатии на кнопку происходит закрытие основного окна и переход на новое окно с формой, чего мне не нужно.

Как сделать так, чтобы при нажатии на кнопку открывалось новое окно, поверх основного?

Заранее спасибо!

@hummer_4x4 · 20.06.2014, 02:57

HTML5

1	<a href="{URL}" target="_blank">

Только я не пойму причем тут разор?

@Aleksey_FL · 20.06.2014, 09:31 **[ТС]**

Дело в том, что в этом отдельном окне должна располагаться форма (логика формы написана на C# с разделением на модель, представление и контроллер).
Интерфейсную часть я сделал с помощью dijit - все работает нормально, но возникла другая проблема, после загрузки данных в БД открывается новое окно, а мне нужно чтобы результат о выполнении динамически отображался в этом же окошке dijit формы.
Подскажите как это сделать, если кто знает.
Код программы интерфейсной части:

Javascript

1
2
3

 registry.byId("buttonOne").on("click", function () {
     dijit.byId("dialogOne").show();
       });

HTML5

<div id="dialogOne" data-dojo-type="dijit.Dialog" title="Форма для заполнения заявки">
          @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
          {
              <p>Название: @Html.TextBoxFor(x => x.Name) </p>
              <p>Коментарий: @Html.TextBoxFor(x => x.Koment)</p>
              <p>@Html.LabelFor(model => model.image)</p>
              <p>@Html.TextBoxFor(model => model.image, new { type = "file" }) </p>
 
              <input type="submit" value="Передать" />
          }
      </div>
 
 <div id="navToolbar" data-dojo-type="dijit/Toolbar">
                          
       <div id="buttonOne" data-dojo-type="dijit.form.Button" data-dojo-props="iconClass:'button_zayavka'"></div>
 
  </div>

@Сергей 83 · 20.06.2014, 19:03

модальное окно jQuery

@Монфрид · 20.06.2014, 19:07

всё это на скрипте делается. Если использовать bootstrap, то достаточно обернуть css классами свой div и вызвать метод соответствующий, и он покажет диалогое окно

@Aleksey_FL 0 / 0 / 1 Регистрация: 27.09.2013 Сообщений: 91
		1
	Создание диалогового окна с кодом на C# (Razor). Проект MVC 18.06.2014, 17:08. Показов 5041. Ответов 4 Метки нет (Все метки) Уважаемые форумчане, подскажите! Задача следующая, на основной странице имеется кнопка, при нажатии на которую должно появится отдельное диалоговое окно поверх основного окна. Отдельное диалоговое окно будет содержать в себе форму на C#(Razor). У меня при нажатии на кнопку происходит закрытие основного окна и переход на новое окно с формой, чего мне не нужно. Как сделать так, чтобы при нажатии на кнопку открывалось новое окно, поверх основного? Заранее спасибо! 0

@Сергей 83 98 / 96 / 15 Регистрация: 28.03.2011 Сообщений: 565
	20.06.2014, 19:03	4
	модальное окно jQuery 0

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,245
	20.06.2014, 19:07	5
	всё это на скрипте делается. Если использовать bootstrap, то достаточно обернуть css классами свой div и вызвать метод соответствующий, и он покажет диалогое окно 0

Опции темы