用于 jQuery Mobile 控件的 Asp.Net MVC Razor 标记答案

【问题标题】：Asp.Net MVC Razor markup for jQuery Mobile controls用于 jQuery Mobile 控件的 Asp.Net MVC Razor 标记
【发布时间】：2012-07-31 12:46:52
【问题描述】：

这是一个 asp.net MVC 移动应用程序 - 我有一个 From 文本框和一个 Nights 文本框 - 标准视图是：

    <li data-role="fieldcontain">
        @Html.LabelFor(m => m.From)
        @Html.TextBoxFor(m => m.From)     
        @Html.ValidationMessageFor(m => m.From)    
    </li>

    <li data-role="fieldcontain">
        @Html.LabelFor(m => m.Nights)
        @Html.TextBoxFor(m => m.Nights)            
        @Html.ValidationMessageFor(m => m.Nights)    
   </li>

我将如何更改上面的 Razor 标记以添加数据选项和数据角色：

即。

@Html.TextBoxFor(m => m.From)

到

<input name="From" type="date" data-options='{"mode":"datebox"}' data-role="datebox" id="From" />

和

@Html.TextBoxFor(m => m.Nights)

到

<input type="range" name="nights" id="nights" value="1" min="0" max="28" />

（这些是日期插件 - 以及移动设备中的滑块控件）

编辑：我有第二部分：

@Html.TextBoxFor(m => m.Nights, new { @type = "range", min = 1, max = 60 })

【问题讨论】：

标签： jquery asp.net asp.net-mvc jquery-mobile

【解决方案1】：

很抱歉打扰大家 - 我正在将我的 heda 撞到墙上，然后尝试 \ 以在引用中获取引用：

@Html.TextBoxFor(m => m.From, new { @type = "date", data_role = "datebox", data_options = "{\"mode\":\"datebox\"}"})

我原来的 Razor 标记的替换是：

    <li data-role="fieldcontain">
        @Html.LabelFor(m => m.From)
        @Html.TextBoxFor(m => m.From, new { @type = "date", data_role = "datebox", data_options = "{\"mode\":\"datebox\"}"})    
        @Html.ValidationMessageFor(m => m.From)    
    </li>

    <li data-role="fieldcontain">
        @Html.LabelFor(m => m.Nights)
        @Html.TextBoxFor(m => m.Nights, new { @type = "range", min = 1, max = 60 })            
        @Html.ValidationMessageFor(m => m.Nights)    
   </li>

希望这对像我这样的其他人有用！

标记

【讨论】：