如何在 ASP.NET MVC 中简化我的有状态交错模式对话框 [英] How to simplify my statefull interlaced modal dialogs in ASP.NET MVC

问题描述

我需要以渐进增强方式在多对多模态对话框中保持状态在 ASP.NET MVC 项目中.
在我的代码中，当 javascript 被禁用时，模态对话框将导航转到另一个页面并返回，但是当启用 javascript 时，该对话框作为 jquery 模态对话框打开，就可以了.
我正在使用 这个 从点击视图中选择动作的方法.
下面的代码显示了一个主页面调用详细信息页面，有视图和控制器.只有一个主调用一个细节对话框，但我有另一个视图/控制器，其中一个主可以调用许多不同的细节对话框，有时一个对话框可以像母版页一样调用另一个嵌套的对话框.一切都必须在调用之间保持状态.

问题是它非常复杂，有很多代码来保持状态和管理对话框，我需要到处重复相同的javascript和控制器代码，我希望有一些方法可以简化它.
在视图方面需要将脚本通用以移动到单独的 .js 文件并保持查看最少的 javascript.
在控制器方面，我搜索了很多通用方法，例如过滤器或自定义绑定器，但找不到.

控制器

//##################################################################使用系统；使用 System.Collections.Generic;使用 System.Linq；使用 System.Web；使用 System.Web.Mvc;使用 HYW.Models；使用 HYW.Helpers；命名空间 HYW.Controllers{公共类 TesteController :控制器{//-------私有对象 getValue(字符串键){返回会话[key];}private void setValue(string key, object value){会话[键] = 值；if (value == null) { Session.Remove(key);}}//-------[接受动词(HttpVerbs.Get)]公共 ActionResult createitem(){setValue("item", null);setValue("详细信息", null);返回视图(项目")；}//-------[HttpPost][验证AntiForgeryToken][HlpFltButtonSelector(Name = "action", Argument = "saveitem")]公共 ActionResult 保存项(testePg01 模型){ModelState.Clear();返回视图(项目"，模型)；}//-------[HttpGet]公共操作结果 opendialog(){ModelState.Clear();testePg02 p2 = (testePg02)getValue("detail");if (p2 == null) { p2 = new testePg02();}返回视图(详细信息"，p2)；}//-------[HttpPost][验证AntiForgeryToken][HlpFltButtonSelector(Name = "action", Argument = "opendialog")]公共 ActionResult 打开对话框(testePg01 模型){ModelState.Clear();setValue("item", 模型);testePg02 p2 = (testePg02)getValue("detail");if (p2 == null) { p2 = new testePg02();}返回视图(详细信息"，p2)；}//-------[HttpPost][验证AntiForgeryToken][HlpFltButtonSelector(Name = "action", Argument = "savedialog")]公共操作结果保存对话框(testePg02 模型){ModelState.Clear();setValue("详细信息", 模型);testePg01 p1 = (testePg01)getValue("item");if (p1 == null) { p1 = new testePg01();}p1.p02 = 型号；返回视图(项目"，p1)；}//-------[HttpPost][验证AntiForgeryToken][HlpFltButtonSelector(Name = "action", Argument = "canceldialog")]公共 ActionResult 取消对话框(testePg02 模型){ModelState.Clear();testePg01 p1 = (testePg01)getValue("item");setValue("详细信息", null);if (p1 == null) { p1 = new testePg01();}p1.p02 = 空；返回视图(项目"，p1)；}//-------}}//###################################################################

查看

@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")';//------------------------------------------------——函数 onloadpartial() {configDetailDialog(url_trg, "#tempcontent", "section[id='main']", "Detail", "#opendialog");}//------------------------------------------------——功能 configDetailDialog(trgurl, containerselector, contentselector, dlgtitle, buttonselector) {//-------$(document).ajaxError(功能(事件，jqXHR，ajaxSettings，throwedError){alert('[事件:' + 事件 + '], ' +'[jqXHR:' + jqXHR + '], ' +'[jqXHR_STATUS:' + jqXHR.status + '], ' +'[ajaxSettings:' + ajaxSettings + '], ' +'[thrownError:' + thrownError + '])');});//-------$.ajaxSetup({ cache: false });//-------$(buttonselector).click(function (event) {event.preventDefault();openAjaxDialog(trgurl, containerselector, contentselector, dlgtitle);});//-------}//------------------------------------------------——函数 openAjaxDialog(trgurl, containerselector, contentselector, dlgtitle) {$.ajax({类型:'获取'，网址:trgurl，上下文:document.body，成功:功能(数据){var dlg = $(data).find(contentselector);$('#dlgdetail').remove();$(containerselector).append("<div id='dlgdetail'/>");$('#dlgdetail').append(dlg);$('#dlgdetail').css(边框"，实体").对话({自动打开:真，模态:真，标题: dlgtitle,打开:函数(){configDetailDialog();},关闭:函数(事件，用户界面){$('#dlgdetail').remove();}}).find("form").submit(function (event) {警报('clicou' + 事件)；var form = $(this);var 系 = "http://" + window.location.host + trgurl;var fdata = form.serialize() + "&action:savedialog=savedialog";$.ajax({类型:POST"，网址:派系，数据:fdata，成功:功能(结果){警报(结果)；}});event.preventDefault();$('#dlgdetail').dialog('close');});}});}//------------------------------------------------——<div id='tempcontent'>

<div id="formcontent">@Html.ValidationSummary(true, "Erro na pagina.")@using (Html.BeginForm()){@Html.AntiForgeryToken()<div><字段集><图例>项目</图例><div class="editor-label">@Html.LabelFor(m => m.p01campo01)

<div class="editor-field">@Html.TextBoxFor(m => m.p01campo01)@Html.ValidationMessageFor(m => m.p01campo01)

<div class="editor-label">@Html.LabelFor(m => m.p01campo02)

<div class="editor-field">@Html.TextBoxFor(m => m.p01campo02)@Html.ValidationMessageFor(m => m.p01campo02)