MVC中,提交后界面Model值未能更新的原因及优化。

假设有如下代码:

View/Time/index.cshtml


  1. @model  MvcApplication1.Models.timeModel 
  2. <h2>Time</h2> 
  3. @using (Html.BeginForm("Index", "Time")) 
  4. {   
  5.    <B>Get Current time:</B> @Html.TextBoxFor(m => m.currenttime)<br /> 
  6.    <B>Current time:</B> @Model.currenttime<br /> 
  7.    <p>   
  8.    <input type="submit" value="search" />   
  9.    </p>   

TimeController.cs

        


  1. public ActionResult Index() 
  2.         { 
  3.             MvcApplication1.Models.timeModel model = new Models.timeModel(); 
  4.             model.currenttime = DateTime.Now.TimeOfDay; 
  5.             return View(model); 
  6.         } 
  7.  
  8.         [HttpPost] 
  9.         public ActionResult Index(MvcApplication1.Models.timeModel model) 
  10.         { 
  11.             model.currenttime = DateTime.Now.TimeOfDay; 
  12.             return View(model); 
  13.         } 

结果如下:

MVC中,提交后界面Model值未能更新的原因及优化。

点击submit之后

MVC中,提交后界面Model值未能更新的原因及优化。

点击后发现,textboxfor中的值并没有改变,但是model的值其实已经改变了。

这是因为controller的ModelState属性,是dictionary类型,它包含了所有的要提交的值和验证的错误信息。在返回View的时候,文本框之类的值由ModelState所持有,因此没有得到更新,无法在界面上显示。最简单的做法就是使用ModelState.Clear(),或者ModelState.Remove("currenttime"); 之类的方法。但是也存在一些风险,比如把验证的错误信息也清除了。

先看一下效果。


  1. public ActionResult Index() 
  2.     MvcApplication1.Models.timeModel model = new Models.timeModel(); 
  3.     model.currenttime = DateTime.Now.TimeOfDay; 
  4.     return View(model); 
  5.  
  6. //每次post重新赋值时间给model 
  7. [HttpPost] 
  8. public ActionResult Index(MvcApplication1.Models.timeModel model) 
  9.     ModelState.Remove("currenttime"); 
  10.     model.currenttime = DateTime.Now.TimeOfDay; 
  11.     return View(model); 

MVC中,提交后界面Model值未能更新的原因及优化。

但是这种方法并不安全,因为如果是clear方法可能会清空ModelState中验证信息。而且刷新页面的时候,也会有重复提交的风险。

MVC中,提交后界面Model值未能更新的原因及优化。

改成如下方式,把post方式转换成get方式,这样就避免了刷新时候会弹出重复提交的按钮。用TempData或者Session作为临时保存数据。

 


  1. public ActionResult Index() 
  2.        { 
  3.            Models.timeModel model = new Models.timeModel(); 
  4.            if (TempData["timeModel"] != null
  5.            { 
  6.                model = TempData["timeModel"as Models.timeModel; 
  7.            } 
  8.            else 
  9.            { 
  10.                model.currenttime = DateTime.Now.TimeOfDay; 
  11.            } 
  12.            return View(model); 
  13.        } 
  14.  
  15.  
  16.        //把post方式转换成get方式 
  17.        [HttpPost] 
  18.        public ActionResult Index(MvcApplication1.Models.timeModel model) 
  19.        { 
  20.            model.currenttime = DateTime.Now.TimeOfDay; 
  21.            TempData["timeModel"] = model; 
  22.            return RedirectToAction("Index"); 
  23.        } 

 
















本文转自cnn23711151CTO博客,原文链接: http://blog.51cto.com/cnn237111/960369,如需转载请自行联系原作者
上一篇:Script Lab 10:为Officejs开发配置VSCode环境(02)


下一篇:树(二叉树、红黑树及左旋右旋等调整操作)