はどのように私はHTMLヘルパーを使用してチェックボックスを移入することができます

@if (Model.CurrentPage.TagPage != null) 
        { 

         @Html.DropDownListFor(x => x.CurrentPage.TagPage, Model.CurrentPage.TagPage, new { @class = "FormTextbox__Input search-filter-field", @name = "search-blog-name-value" }) 
        } 
        else 
        { 
         <select id="CurrentPage_TagList" name="search-blog-name-value" class="FormTextbox__Input search-filter-field"> 
          <option value="*">No Tag Page found</option> 
         </select> 
        }

レンダリングされたHTMLは次のとおりです。はどのように私はHTMLヘルパーを使用してチェックボックスを移入することができます

<select class="FormTextbox__Input search-filter-field" id="CurrentPage_TagList" name="CurrentPage.TagPage"> 
    <option value="5G">5G</option> 
<option value="Connectivity">Connectivity</option> 
<option value="Digital transformation">Digital transformation</option> 
<option value="Radio system">Radio system</option> 
</select>

私が代わりにこのドロップダウンのチェックボックスをしたいです。あなたは私を助けることができます？以下は、必要なチェックボックス

<div data-action="checkbox-tray" class="hidden"> 
           <input type="checkbox" value="5G" />5G</br> 
           <input type="checkbox" value="Connectivity" />Connectivity</br> 
           <input type="checkbox" value="Digital transformation" />Digital transformation</br> 
           <input type="checkbox" value="Radio system" />Radio system</br> 
           <input type="checkbox" value="Mobile" />Mobile</br> 

          </div>

出典

2017-02-10 Pawan

Pawanがあなたの代わりにドロップダウンのチェックボックスを要求しているので、私は、相互に排他的なユーザー入力としてこれを行う方法を紹介します。私は相互に排他的なので、チェックボックスの代わりにラジオボタンを使用する必要があります。 jqueryでチェックボックスを使うか、拡張メソッドを書いてユーザーコントロールを排他的にすることもできますが、簡単な方法で表示します。

コントローラー：

public class CurrentPage 
{ 
    public IList<SelectListItem> TagPage { get; set; } 
} 

public class MyStackOverflowModel 
{ 
    public CurrentPage CurrentPage = new CurrentPage(); 
} 

public class HomeController : Controller 
{ 
    [HttpPost] 
    public ActionResult Index3(MyStackOverflowModel myStackOverflowModel, string GetValue) 
    { 
     //GetValue contains selection 
     return View(myStackOverflowModel); 
    } 

    public ActionResult Index3() 
    { 
     List<SelectListItem> items = new List<SelectListItem>(); 
     items.Add(new SelectListItem { Text = "5G", Value = "5G" }); 
     items.Add(new SelectListItem { Text = "Connectivity", Value = "Connectivity" }); 
     items.Add(new SelectListItem { Text = "Digital transformation", Value = "Digital transformation", Selected = true }); 
     items.Add(new SelectListItem { Text = "Radio system", Value = "Radio system" }); 
     items.Add(new SelectListItem { Text = "Mobile", Value = "Mobile" }); 

     MyStackOverflowModel myStackOverflowModel = new MyStackOverflowModel(); 
     myStackOverflowModel.CurrentPage.TagPage = items; 
     //myStackOverflowModel.CurrentPage.TagPage = null; 

     return View(myStackOverflowModel); 
    }

ビュー：

@model WebApplication9.Controllers.MyStackOverflowModel 
@{ 
    Layout = null; 
} 

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Index3</title> 
</head> 
<body> 
    @using (Html.BeginForm()) 
    { 
     if (Model.CurrentPage.TagPage != null) 
     { 
      foreach (SelectListItem item in Model.CurrentPage.TagPage) 
      { 
       <div> 
        @Html.RadioButton("GetValue", item.Text) 
        @Html.Label(item.Text) 
       </div> 
      } 
     } 
     else 
     { 
      <select id="CurrentPage_TagList" name="search-blog-name-value" class="FormTextbox__Input search-filter-field"> 
       <option value="*"> No Tag Page found</option> 
      </select> 
     } 
     <input type="submit" value="Submit" /> 
    } 
</body> 
</html>

出典

2017-02-11 21:40:56 kblau

はどのように私はHTMLヘルパーを使用してチェックボックスを移入することができます

答えて

関連する問題