Мне нужно сохранить состояние во многих модальных диалогах в прогрессивном улучшении в проекте ASP.NET MVC.
В моем коде, когда javascript отключен, модальный диалог поворачивается в навигацию на другую страницу и возвращается, но когда javascript включен, диалог открывается как модальный диалог jquery, его OK.
Im использует этот метод для выбора действия из клика по представлению.
В приведенном ниже коде показана одна страница с подробной информацией о странице главной страницы, есть вид и контроллер. Существует только один мастер, вызывающий одно подробное диалоговое окно, но у меня есть другие представления/контроллеры, где один мастер может вызывать много разных подробных диалогов, и иногда один диалог может вести себя как основная страница и вызывать другой диалог вложенным. Все должно поддерживать состояние между вызовами.
Проблема заключается в том, что очень сложный, есть много кода для сохранения состояния и управления диалогом, мне нужно повторить один и тот же код javascript и контроллера везде, я хочу каким-то образом упростить его.
> В поле зрения нужно включить скрипты generic, чтобы перейти в отдельный .js файл и просмотреть как минимум javascript.
На стороне контроллера я много искал для какого-то общего способа сделать это, как фильтр или настраиваемое связующее, но не могу найти.
КОНТРОЛЛЕР
//######################################################################
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using HYW.Models;
using HYW.Helpers;
namespace HYW.Controllers
{
public class TesteController : Controller
{
//-------
private object getValue(string key)
{
return Session[key];
}
private void setValue(string key, object value)
{
Session[key] = value;
if (value == null) { Session.Remove(key); }
}
//-------
[AcceptVerbs(HttpVerbs.Get)]
public ActionResult createitem()
{
setValue("item", null);
setValue("detail", null);
return View("item");
}
//-------
[HttpPost]
[ValidateAntiForgeryToken]
[HlpFltButtonSelector(Name = "action", Argument = "saveitem")]
public ActionResult saveitem(testePg01 model)
{
ModelState.Clear();
return View("item", model);
}
//-------
[HttpGet]
public ActionResult opendialog()
{
ModelState.Clear();
testePg02 p2 = (testePg02)getValue("detail");
if (p2 == null) { p2 = new testePg02(); }
return View("detail", p2);
}
//-------
[HttpPost]
[ValidateAntiForgeryToken]
[HlpFltButtonSelector(Name = "action", Argument = "opendialog")]
public ActionResult opendialog(testePg01 model)
{
ModelState.Clear();
setValue("item", model);
testePg02 p2 = (testePg02)getValue("detail");
if (p2 == null) { p2 = new testePg02(); }
return View("detail", p2);
}
//-------
[HttpPost]
[ValidateAntiForgeryToken]
[HlpFltButtonSelector(Name = "action", Argument = "savedialog")]
public ActionResult savedialog(testePg02 model)
{
ModelState.Clear();
setValue("detail", model);
testePg01 p1 = (testePg01)getValue("item");
if (p1 == null) { p1 = new testePg01(); }
p1.p02 = model;
return View("item", p1);
}
//-------
[HttpPost]
[ValidateAntiForgeryToken]
[HlpFltButtonSelector(Name = "action", Argument = "canceldialog")]
public ActionResult canceldialog(testePg02 model)
{
ModelState.Clear();
testePg01 p1 = (testePg01)getValue("item");
setValue("detail", null);
if (p1 == null) { p1 = new testePg01(); }
p1.p02 = null;
return View("item", p1);
}
//-------
}
}
//######################################################################
VIEW
@model HYW.Models.testePg01
@{
ViewBag.Title = "ITEM";
}
<script type="text/javascript">
//-------------------------------------------------
var url_trg = '@Url.Content("~/Teste/opendialog")';
var url_prl = '@Url.Content("~/Images/waitplease.gif")';
//-------------------------------------------------
function onloadpartial() {
configDetailDialog(url_trg, "#tempcontent", "section[id='main']", "Detail", "#opendialog");
}
//-------------------------------------------------
function configDetailDialog(trgurl, containerselector, contentselector, dlgtitle, buttonselector) {
//-------
$(document).ajaxError(
function (event, jqXHR, ajaxSettings, thrownError) {
alert('[event:' + event + '], ' +
'[jqXHR:' + jqXHR + '], ' +
'[jqXHR_STATUS:' + jqXHR.status + '], ' +
'[ajaxSettings:' + ajaxSettings + '], ' +
'[thrownError:' + thrownError + '])');
});
//-------
$.ajaxSetup({ cache: false });
//-------
$(buttonselector).click(function (event) {
event.preventDefault();
openAjaxDialog(trgurl, containerselector, contentselector, dlgtitle);
});
//-------
}
//-------------------------------------------------
function openAjaxDialog(trgurl, containerselector, contentselector, dlgtitle) {
$.ajax({
type: 'GET',
url: trgurl,
context: document.body,
success: function (data) {
var dlg = $(data).find(contentselector);
$('#dlgdetail').remove();
$(containerselector).append("<div id='dlgdetail'/>");
$('#dlgdetail').append(dlg);
$('#dlgdetail')
.css("border", "solid")
.dialog({
autoOpen: true,
modal: true,
title: dlgtitle,
open: function () {
configDetailDialog();
},
close: function (event, ui) {
$('#dlgdetail').remove();
}
})
.find("form").submit(function (event) {
alert('clicou ' + event);
var form = $(this);
var faction = "http://" + window.location.host + trgurl;
var fdata = form.serialize() + "&action:savedialog=savedialog";
$.ajax({
type: "POST",
url: faction,
data: fdata,
success: function (result) {
alert(result);
}
});
event.preventDefault();
$('#dlgdetail').dialog('close');
});
}
});
}
//-------------------------------------------------
</script>
<div id='tempcontent'>
</div>
<div id="formcontent">
@Html.ValidationSummary(true, "Erro na pagina.")
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div>
<fieldset>
<legend>Item</legend>
<div class="editor-label">
@Html.LabelFor(m => m.p01campo01)
</div>
<div class="editor-field">
@Html.TextBoxFor(m => m.p01campo01)
@Html.ValidationMessageFor(m => m.p01campo01)
</div>
<div class="editor-label">
@Html.LabelFor(m => m.p01campo02)
</div>
<div class="editor-field">
@Html.TextBoxFor(m => m.p01campo02)
@Html.ValidationMessageFor(m => m.p01campo02)
</div>
<p>
<input type="submit" style="background: #ffffff url('@Url.Content("~/Images/img01.png")')" value="opendialog" name="action:opendialog" id="opendialog" />
<input type="submit" style="background: #ffffff url('@Url.Content("~/Images/img02.png")')" value="saveitem" name="action:saveitem" id="action:saveitem" />
</p>
</fieldset>
</div>
}
</div>