所以我希望標題能說明一切。MVC3中「全選」選項的下拉列表
我想創建一個下拉列表,並在最上方有一個「全選」選項。 問題是,我不知道如何開始這個,並希望有人能夠幫助我在這個追求。經過一番瀏覽,我找不到任何好的例子,並決定在這裏發佈這個問題。
我對MVC瞭解不多,但我還在學習。無法顯示任何代碼,因爲正如我之前所說,我不知道從哪裏開始。
我不是要求整個代碼示例,而是一個如何做到這一點以及如何開始的例子。這樣我可以從中學習,也可以在你們的幫助下自己做。
你們可以幫助新手程序員出來幫助我嗎?
所以我希望標題能說明一切。MVC3中「全選」選項的下拉列表
我想創建一個下拉列表,並在最上方有一個「全選」選項。 問題是,我不知道如何開始這個,並希望有人能夠幫助我在這個追求。經過一番瀏覽,我找不到任何好的例子,並決定在這裏發佈這個問題。
我對MVC瞭解不多,但我還在學習。無法顯示任何代碼,因爲正如我之前所說,我不知道從哪裏開始。
我不是要求整個代碼示例,而是一個如何做到這一點以及如何開始的例子。這樣我可以從中學習,也可以在你們的幫助下自己做。
你們可以幫助新手程序員出來幫助我嗎?
那麼,對於一個,DropDownListFor
呈現單一選擇,所以你不能使用和「全選「,因爲無法通過單選將所有項目傳回。
你可能使用ListBoxFor
,這將產生一個多選。這至少可以讓你實際選擇全部,首先。但是,在選擇列表中沒有選擇所有項目的HTML方法,因此MVC無法爲您提供這樣的控件,因爲它是HTML的限制。您可以實現一些自定義JavaScript,這些JavaScript會在點擊按鈕或其他東西時激活,然後以編程方式選擇選擇列表中的所有項目。見:Select all or Unselect all in listbox using jquery?
最好的辦法是在MVC中使用Html幫手DropDownList
或DropDownListFor
。你可以提供一個IEnumerable`。
所以基本上建立起自己的選擇列表加入其中的key您最初的元素之後,「全選」
@Html.DropDownListFor(m => m.SelectedId, m.SelectList)
凡SelectedId是在模型中的特性將包含在回發所選擇的選項, SelectList是SelectListItems的列表。
var model = new TestViewModel();
model.SelectList = new List<SelectListItem>();
model.SelectList.Add(new SelectListItem(){ Value = "0", Key = "Select All" });
資源
搜索Dropdownlist或DropDownListFor幫手 –