ListBoxコントロールASP.NETのCheckBoxとしてのListItemオプション

Question

データベースに長いカテゴリのリストがあり、Webページスペースを節約するためにCheckBoxListコントロールの代わりにASP.NET ListBoxコントロールのカテゴリを設定したいとします。しかし、ユーザーが複数のカテゴリを選択できるように、ListBoxのListItemをチェックボックスにしたいと考えています。現在、Ctrlを押して各項目にをクリックして複数の値を選択しています。 ListItemを選択するためのチェックボックスを用意することができれば、ユーザーフレンドリーになると思います。可能性はありますか？あなたがこれを行うことができます

Answer 1

方法は、あなたのような作業しているモデルにブール値を追加するために開始します：

public class Category 
    { 
    public int CategoryId{ get; set; } 
    public string CategoryName{ get; set; } 
    public bool selected{ get; set; } //<- we can use this for checkboxes 
    } 

は、あなたの.cshtmlに

@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 
    <div class="form-horizontal"> 

     <div style="height:490px; overflow:auto;"> 
      <br /> 
      <br /> 
      <table class="table dim-table"> 
       @for (int i = 0; i < Model.Categories.Count; i++) 
       { 
        @Html.HiddenFor(a => a.Categories[i].CategoryId) 
        <tr> 
         <td> 
          <div> 
           @Html.DisplayFor(model => model.Categories[i].CategoryName) 
          </div> 
         </td> 
         <td> 
          @Html.CheckBoxFor(model => model.Categories[i].selected, new { @class = "form-control" }) 
         </td> 
        </tr> 
       } 
      </table> 
     </div> 
     <br /> 
     <br /> 
     <div class="form-group"> 
      <div class="col-md-offset-2 col-md-10"> 
       <input type="submit" value="Create and continue" class="btn btn-primary" /> 
      </div> 
     </div> 
    </div> 

</div> 






} 

をお使いのカテゴリとこのようなもののリストを作成します。

CSS：

.dim-table{ 
    background-color: #fff; 
} 

.dim-table tr:nth-child(even) { 
    background-color: #d8f0ff; 

} 
.dim-table tr:nth-child(odd) { 
    background-color: #fff; 
} 

それから、今あなたが「真」にブールセットを持っているカテゴリを取得することができます。

この厄介なコメントは意味があると思います。