zoukankan      html  css  js  c++  java
  • razor 添加html5属性

    在 HTML5 中, 可以使用 data- 属性来表示用户数据,这些数据甚至可以是 JSON 格式的数据,对 Web 前端开发带来很大的方便。

    在 MVC 的 Razor 中,可以使用匿名对象来生成定制的属性,不过,这样的属性可不能通过 Razor  的语法检查。

    new{ data-id= 1 }

    编译器会直接报告错误。  The name 'data' does not exist in the current context   ,原因很简单,把 - 号当作运算符了。
    其实,HtmlHelper 提供的方法 AnonymousObjectToHtmlAttributes 已经可以解决这个问题,方法的说明如下所示。

    Replaces underscore characters (_) with hyphens (-) in the specified HTML attributes.

    我们可以在匿名对象中直接使用下划线 (_) 来代替减号 (-) ,HtmlHelper 会在呈现中,将下划线替换为减号的。

    例如,下面的写法

    @Html.TextBox("username", "noname", new{ data_name="tom" })

    会生成如下的 HTML5 标记。

    <input data-name="tom" id="username" name="username" type="text" value="noname" />
  • 相关阅读:
    9-单表查询
    02-数据库概述
    01-MySql的前戏
    mysql+centos7+主从复制
    Mac下安装ipython与jupyter
    python开发之virtualenv与virtualenvwrapper讲解
    python操作redis
    权限管理具体代码实现
    docker入门
    多用判断&&
  • 原文地址:https://www.cnblogs.com/jinhaoObject/p/4709079.html
Copyright © 2011-2022 走看看