加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net-mvc – 使用MVC3 WebGrid助手向html属性名称添加连字符

发布时间:2020-12-15 18:55:32 所属栏目:asp.Net 来源:网络整理
导读:我有一个问题,尝试添加自定义HTML5数据属性到使用WebGrid助手呈现的表。我想要的表标签看起来如下: table data-test="testdata"!-- Table Content --/table 以下是使用Razor视图引擎的示例视图: @{ var myUser = new { Id = 1,Name = "Test User" }; var
我有一个问题,尝试添加自定义HTML5数据属性到使用WebGrid助手呈现的表。我想要的表标签看起来如下:
<table data-test="testdata"><!-- Table Content --></table>

以下是使用Razor视图引擎的示例视图:

@{
    var myUser = new
    {
        Id = 1,Name = "Test User"
    };

    var users = new[] { myUser };

    var grid = new WebGrid(users);
}
@grid.GetHtml(htmlAttributes: new { data-test = "testdata"})

最后一行将生成“无效的匿名类型成员声明器”。错误,因为在数据测试中的连字符。

使用一些其他输入HtmlHelpers,您可以使用下划线代替连字符,并且在渲染时将自动更改为连字符。这不会发生在WebGrid。

如果我传入htmlAttributes的字典:

@grid.GetHtml(htmlAttributes: new Dictionary<string,object> {{ "data-test","testdata"}})

表格被呈现如下:

<table Comparer="System.Collections.Generic.GenericEqualityComparer`1[System.String]" Count="1" Keys="System.Collections.Generic.Dictionary`2+KeyCollection[System.String,System.Object]" Values="System.Collections.Generic.Dictionary`2+ValueCollection[System.String,System.Object]"><!-- Table Content --></table>

我做错了什么,我应该做什么渲染所需的属性?

解决方法

恐怕这是不可能的。不幸的是,WebGrid不支持与标准HTML帮助器相同的语法,如TextBoxFor,其中您可以:
@Html.TextBoxFor(x => x.SomeProp,new { data_test = "testdata" })

并且下划线将自动转换为破折号。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读