[英]Asp.Net MVC Razor markup for jQuery Mobile controls
这是一个asp.net MVC移动应用程序-我有一个来自文本框和一个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标记以添加data-options和data-role:
即。
@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 })
抱歉打扰大家-我在敲打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>
希望这对像我这样的人有用!
标记
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.