科学技術の公式ブログからの森
http://www.cnsendblog.com/index.php/?p=137
GPSプラットフォーム、サイト構築、ソフトウェア開発、システム運用・保守、大規模な森林ネットワーク技術を見つけるために!
http://cnsendnet.taobao.com
以前に使用Webフォームは、ドロップダウンボックスバックグラウンドの値でのみ直接にコードを結合なります。今MVCのDropDownListでみましょう外観は受け入れられ、場合は、値の上にコントローラから渡されました。
最初:使いのDropDownList
コントローラーコード:
1。 公共のActionResultインデックス() 2 { 3 。 4。 // 1.1 YzSeriesEntityデータクエリ 。5。一覧<Model.YzSeriesEntity> seriesList = seriesBLL.LoadEnities()ToListメソッド();. 。6。 // 1.2データYzSeriesEntity SelectListのテキストプロパティとオプション値を生成するために、ドロップダウンボックスの開発中に封入 7。 SelectListの= selList1。新しい新しい SelectListの(seriesList、" SerialName "、" SerialName " ) 。8 。 9。 。 //2.1 YzDivisionEntityクエリデータ 10。リスト<Model.YzDivisionEntity> divisionList = divisionBLL.LoadEnities()ToListメソッド();. 。11。 // パッケージデータにYzDivisionEntity 2.2 SelectListのを言えば、textプロパティとオプション値を生成するために、ドロップダウンボックスの開発 12である。SelectListの= selList2 新しい新しい SelectListの(divisionList、" DivisionName "、" DivisionName " ); 13である。 14。 // 3コールSelectListの方法として、SelectListItemが自動的に設定され、ViewBagに格納されている発生 15。ViewBag.selList1 = selList1 .AsEnumerable(); 16。ViewBag.selList2 =selList2.AsEnumerable(); 17 。 18。 リターンビュー(); 19。}
ビューコード:
1。<!--------------添加对话框--------------> 2。<DIV ID = " addDiv " > 3。@using(Ajax.BeginForm(" 追加"、新 AjaxOptions(){ONSUCCESS = " afterAdd " })) 4 。{ 5。<TABLE> 6。<TR> 7。<TD>编号:</ TD> 8。<TD> 9。@ Html.TextBox(" StaffID "。</ TD> 11。</ TR> 12。<TR> 13。<TD>姓名:</ TD> 14。<TD> @ Html.TextBox(" StaffName ")</ TD> 15。</ TR> 16。<TR> 17。<TD>性别:</ TD> 18。<TD> 19。<input type = " ラジオ" ID = " GenderM " NAME = "男" /> 男 20。の<input type = " ラジオ" ID = " GenderF " NAME = " 性別"値= " 女" チェック /> 女 21。</ TD> 22 </ TR> 23 <TR> 24 <TD>所在系列:。</ TD> 25。<TD> 26。@ Html.DropDownList("SerialName 」、ViewBag.selList1ASのIEnumerable <SelectListItem> ) 27 </ TD> 28 </ TR> 29 <TR> 30 <TD>グレードグループまたは部門:. </ TD> 31である。<TD> 32。Html.DropDownList @(" DivisionName "、ViewBag.selList2 ASのIEnumerable <SelectListItem> ) 33である。</ TD> 34である </ TR> 35 <TR> 36 <TD>教室対象:. </ TD> 37<TD> 38である。Html.TextBox @(" オン被験者" ) 39。</ TD> 40 </ TR> 41である <TR> 42である <TD>予定日:. </ TD> 43れている。<TD> 44 IS。@ Html.TextBox(" EngageDate " ) 45 </ TD> 46である </ TR> 47 <TR> 48 <TD>作業日に:< / TD> 49。<TD> 50。@ Html.TextBox(" WorkDate " ) 51。</ TD> 52。</ TR> 53。<TR> 54。<TD>职称:</ TD> 55。<TD> 56。@ Html.TextBox(" jobQualification " ) 57。</ TD> 58。</ TR> 59。<TR> 60。<TD> 。<TD> 62。@ Html.TextBox(" IdentityCard " ) 63。</ TD> 64。</ TR> 65 。 66。</ TABLE> 67 。} 68 。 69。</ div>
結果は:
第二:使用</ select>の<選択>
ビューコード:
1。<! -选择权重- > 2。<div> 3。<スパン> @ Html.Label(" 请选择权重:")</ span>の 4。<スパン> 5。< 選択 ID = " CC " クラス = " easyui、コンボボックス" NAME = " DEPT " 6。データ・オプション= " valueField: 'ID'、テキストフィールド: '体重'、URL: '/ SettingEvaluation / ListOption' " /> 7。</ span>の 8。
コントローラーコード:
1。 @ 対応するドロップダウンリスト 2。 公共のActionResult ListOption() 。3 。{ 。4。 // 2.1。問合せ対象の体重エンティティ、および転送しDTOのタイプに 。5。一覧<Model.DTO.YzWeightEntityDTO> = weightList 。6。weightBLL.LoadEnities()ToListメソッド()を選択する(S => .. s.ToDto())ToListメソッド();. 。7。 // 2.2戻りJSON 8は。 返す; JSON(weightList、JsonRequestBehavior.AllowGet) 。9 。 10。 }
結果は:
要約:
双方向転送の値を比較します。
第一は、受信@ Html.DropDownListによって受信された、コントローラViewBag伝統的な値によるものである。第二は、JSONのURLによって受信した値とバインド値valueFieldテキストフィールドのデータを通過させることです。関数が後に、そこに必要とされているそうだとすれば、両方の異なる多くの、しかし、伝統的な価値を使用しているため、</ select>の<select>の受信されませんが、HTMLタグを使用して、また、他のJSのイベントをバインドするために使用することができます彼らはかつてよりも柔軟です。
科学技術の公式ブログからの森
http://www.cnsendblog.com/index.php/?p=137
GPSプラットフォーム、サイト構築、ソフトウェア開発、システム運用・保守、大規模な森林ネットワーク技術を見つけるために!
http://cnsendnet.taobao.com