HtmlHelper EditorFor 建立CheckBox 模板

  • 738
  • 0

最近一直在找如何比較有效的方法做複選選單,意外看到一篇教學所以粗糙的實做看看XD

原文連結: http://www.exceptionnotfound.net/simple-checkboxlist-in-asp-net-mvc/

首先,先建立一個CheckBoxListItem 的Class

我們在View 主版裡用資料夾分類 建立一個部分頁面,

 

這是View的部分,原作者 HiddenFor 只有ID,我後來測試發現DisplayText不會傳到後端所以我這裡新加進去。

建立一個ViewModel 

正常會用CheckBox 應該都是複選 這邊就不多做解釋。

TestValue 打錯先無視~

我在這邊先自產了三個按鈕,紅框就是看需不需要頁面載入就先勾選好,依個人更改,一樣也可以從資料庫自產按鈕這邊就沒做示範

然後這是Controller  Get的部分 把那三顆塞入

那這邊是Index View的部分 使用HtmlHelper的EditorFor 抓到Model剛塞入的按鈕

執行畫面

勾選第一欄位,提交 Post

 前面說到多加入HiddenFor DisplayText這攔 就是因為後面接收會收不到不好做其他事情,我們剛剛打勾所以IsChecked 是true
用Linq 找到打勾的值或名稱 

然後就可以看到執行結果有選到了~~

這只是粗糙的介紹順便紀錄看到的,也許有更好的架構或方式可以實作單選或複選,作為自己學習紀錄讓自己可以更進步。

學習紀錄手札,如有錯誤請糾正,菜味還很重的我