zoukankan      html  css  js  c++  java
  • MVC DisplayTemplates and EdiotrTemplates.

    我们在mvc项目里经常要对枚举,日期,副文本输入,我们可以用笨拙的方法去view页面里绑定呈现的html内容,而且这种办法不能重用,也就是在不同的view里还是需要做相同的事情,给个日期空间选择例子吧,

    常用的最老实,最笨拙的方法就是在view里添加如下代码:

    <input type="text" onclick="WdatePicker({readOnly:true, dataFmt:'yyyy-mm-dd'})" value="@model.CreateDate" />

    如果我们用EdiotrTemplates, 我们可以很灵活的实现, 并且还可以重用,我们需要做的是在/views/shared/ 添加目录DisplayTemplates and EdiotrTemplates, 因为我们是要重写DateTime的模板,我们就要增加一个与类型同名的DateTime.cshtml,

    如果我们是要重写枚举StatusType, 那就新加StatusType.cshtml,

    改view里面的内容:

    @model System.DateTime;
    @{
      var propertyname = ViewData.ModelMetadata.PropertyName; // 获取熟悉的名字,这样提交数据的时候才可以赋值到相应的熟悉上
    //获取additionalViewData 的内容 如:@Html.DispalyFor(m=>m.CreateDate, new {key="123"}), ViewData["key"]就可以获取
    }
    <input type="text" onclick="WdatePicker({readOnly:true, dataFmt:'yyyy-mm-dd'})" value="@model.CreateDate" name="@propertyname" />

    在我们要使用的页面里增加代码:

    @Html.DisplayFor(model=>model.CreateDate) // 默认模板使用的是类型同名的cshtml,  这里使用的是/views/shared/DisplayTemplates/DateTime.cshtml
    或者如果你要指定模板名, @Html.DisplayFor(model=>model.CreateDate, "模板名") //这里使用的是/views/shared/DisplayTemplates/模板名.cshtml

    注意我们有@Html.DisplayFor and @Html.EditorFor 两种模板使用方式, 它分别对应/views/shared/DisplayTemplates 和 /views/shared/EditorTemplates 下面的模板。

    这里我给的列子是简单类型,你也可以对复杂类型写自己的模板了,是不是很爽,赶紧在项目里利用起这个特性吧,View代码可以减少冗余了。

    高级使用:

  • 相关阅读:
    Sql Server--如何自动备份数据
    Cannot resolve the collation conflict between "SQL_Latin1_General_CP1_CI_AS" and "Chinese_PRC_CI_AI" in the equal to operation.
    GET方法和POST方法的区别,Get方法到底可传递的字符串的最大长度是多少?
    Specialization For SCCM
    Fullscreen API:全屏操作
    How to enable remote connections to SQL Server
    Advanced Installer
    ajax跨域请求webservice webconfig配置
    SharePoint Resize app
    Sharepoint 开启App 配置App
  • 原文地址:https://www.cnblogs.com/sgciviolence/p/5488618.html
Copyright © 2011-2022 走看看