2

これは 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 マークアップを変更して、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" />

(これらは日付プラグインです - そしてモバイルのスライダー コントロール)

編集:私は2番目の部分を持っています:

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

1 に答える 1

4

皆様にご迷惑をおかけして申し訳ありません - 私はヘダを壁にぶつけていました。

@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>

これが私のような他の人に役立つことを願っています!!

マーク

于 2012-08-02T14:27:35.003 に答える