現在我從 dbTable 的一列中得到一個 JsonString，然后我需要將它們映射到我撰寫的類中。問題是，當我使用 for 回圈來映射 razor 頁面中的所有值時，當我使用 @textBoxFor 時完全沒問題，但 @DropDownListFor 沒有。
這是我的剃刀頁面代碼。
@model unitManager.Models.VM_PC_Unit_Mstr
@using unitManager.Models
@{
Layout = "~/Views/Shared/_PageLayout.cshtml";
ViewBag.Title = "Edit";
var controller = ViewContext.RouteData.Values["controller"].ToString();
var action = ViewContext.RouteData.Values["action"].ToString();
bool isCreate = action.EndsWith("Create", StringComparison.OrdinalIgnoreCase);
ViewBag.title = isCreate ? "Create" : "Edit";
}
<style>
.menu_item {
background-color:darkgray;
}
.sub_item{
background-color:azure;
}
</style>
<!-- Basic Inputs Validation start -->
<div class="card">
<div class="card-block">
<form id="main" method="post" @*action="/" novalidate=""*@>
@* Course Name *@
<div class="form-group row">
<label class="col-sm-1 col-form-label">Course Name</label>
<div class="col-sm-3">
@if (!isCreate)
{
@Html.TextBoxFor(n => n.unit_id, new { @class = "form-control", @readonly = "true" })
}
else
{
@Html.TextBoxFor(n => n.unit_id, new { @class = "form-control required", @required = "required" })
}
<span class="messages"></span>
</div>
<div>
@Html.ValidationMessageFor(n => n.unit_id, null, new { @class = "text-danger text-center" })
</div>
</div>
@{
if (Model.menu_obj.menus != null)
{
for (var i = 0; i < Model.menu_obj.menus.Count; i )
{
var item = Model.menu_obj.menus[i];
string menu_id = "menu-" i;
<div id="@menu_id" class="menu_item">
@* type *@
<div class="form-group row">
<label class="col-md-3 col-form-label">Type</label>
<div class="col-md-9">
<input id="@(menu_id "-type")" type="text" value="@item.type">
</div>
</div>
@* No *@
<div class="form-group row">
<label class="col-md-3 col-form-label">No</label>
<div class="col-md-9">
<input id="@(menu_id "-No")" type="text" value="@item.No">
</div>
</div>
@* tittle *@
<div class="form-group row">
<label class="col-md-3 col-form-label">Title</label>
<div class="col-md-9">
<input id="@(menu_id "-title")" type="text" value="@item.title">
</div>
</div>
@* url *@
<div class="form-group row">
<label class="col-md-3 col-form-label">Url</label>
<div class="col-md-9">
<input id="@(menu_id "-url")" type="text" value="@item.url">
</div>
</div>
@* subItem *@
<div class="form-group row">
<label class="col-md-3 col-form-label">SubItem</label>
<div class="col-md-9">
@if (item.content != null)
{
for (var j = 0; j < item.content.Count; j )
{
var subItem = item.content[j];
string sub_id = "m-" i "-sub-" j;
<div class="sub_item">
@* type *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Type</label>
<div class="col-sm-9">
@Html.TextBoxFor(p => p.menu_obj.menus[i].content[j].type)
@Html.DropDownListFor(p => p.menu_obj.menus[i].content[j].type, ModelSelectList.subType())
</div>
</div>
@* SubNo *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Intro</label>
<div class="col-sm-9">
<input id="@(sub_id "-SubNo")" type="text" value="@subItem.SubNo">
</div>
</div>
@* intro *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Intro</label>
<div class="col-sm-9">
<input id="@(sub_id "-intro")" type="text" value="@subItem.intro">
</div>
</div>
@* title *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Title</label>
<div class="col-sm-9">
<input id="@(sub_id "-title")" type="text" value="@subItem.title">
</div>
</div>
@* shortcut *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Shortcut</label>
<div class="col-sm-9">
<input id="@(sub_id "-shortcut")" type="text" value="@subItem.shortcut">
</div>
</div>
@* url *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Url</label>
<div class="col-sm-9">
<input id="@(sub_id "-url")" type="text" value="@subItem.url">
</div>
</div>
@* record_timing *@
<div class="form-group row">
<label class="col-sm-3 col-form-label">Record_timing</label>
<div class="col-sm-9">
<input id="@(sub_id "-recordtime")" type="text" value="@subItem.record_timing">
</div>
</div>
</div>
}
}
</div>
</div>
</div>
}
}
}
<div class="form-group row">
<div class="col-sm-4" style="display:flex;justify-content:flex-end">
<a type="button" class="btn btn-primary" style="color:white;margin:10px;" href="@Url.Action("Index","UnitMgr")">Cancel</a>
<button type="submit" class="btn btn-primary" style="color:white;margin:10px;">Submit</button>
</div>
</div>
</form>
</div>
</div>
<script>
$("div[id ^='menu-']").each(function () {
console.log($(this));
let menu_idx = $(this).attr("id").replace("menu-", "");
console.log(menu_idx);
$("input[id ^= 'm-" menu_idx "-sub-']").each(function () {
console.log("sub", $(this), $(this).val());
});
});
$(function () {
$(".select2").select2();
});//document ready
</script>
這是我的控制器動作看起來像
[HttpGet]
public ActionResult Menu(string unit_id)
{
VM_PC_Unit_Mstr model= PC_Unit_Mstr.getMenuByunitID(unit_id);
model.menu_obj = JsonConvert.DeserializeObject<Menu>(model.menus_json);
return View(model);
}
和我使用的 ViewModel
public class VM_PC_Unit_Mstr
{
public string unit_id { get; set; }
public string menus_json { get; set; }
public VM_Menu.Menu menu_obj { get; set; }
}
我遇到的問題就在這里，我可以成功地將值與 TextBoxFor 映射，但不是 dropDownListFor。
@Html.TextBoxFor(p => p.menu_obj.menus[i].content[j].type)
@Html.DropDownListFor(p => p.menu_obj.menus[i].content[j].type, ModelSelectList.subType())
這是我在網頁中得到的結果：
這是我為獲取 DropDownList 而撰寫的簡單函式：
public static SelectList subType()
{
List<SelectListItem> itemList = new List<SelectListItem>();
SelectListItem itemSpeaking = new SelectListItem
{
Value = "speaking",
Text = "speaking",
};
SelectListItem itemWords = new SelectListItem
{
Value = "words",
Text = "words",
};
SelectListItem itemGame = new SelectListItem
{
Value = "game",
Text = "game",
};
itemList.Add(itemSpeaking);
itemList.Add(itemWords);
itemList.Add(itemGame);
return new SelectList(itemList, "Value", "Text");
}
這就是 VM_Menue：
public class VM_Menu
{
#region MenuList (MenuListInfo)
public class MenuList
{
public string WelcomeImage { get; set; }
public string Menus { get; set; }
}
public class Menu
{
public string welcomeImg { get; set; }
public List<MenuData> menus { get; set; }
}
public class MenuData
{
public string type { get; set; } //video or game or conclusion
public string No { get; set; }
public string title { get; set; }
public string url { get; set; }
public List<SubItemData> content { get; set; }
}
public class SubItemData
{
public string type { get; set; } //speaking or words or game
public string SubNo { get; set; }
public string intro { get; set; }
public string title { get; set; }
public string shortcut { get; set; }
public string url { get; set; }
public float? record_timing { get; set; }
}
#endregion
}
一開始，我的目的是做一個兩級的input/dropDownList樹，它允許用戶動態編輯，用戶想要多少個父節點，在當前父節點下面，用戶想要編輯、創建或洗掉多少個子節點。
所以，在我想做這個函式之前，我首先遇到了@html函式的下拉串列映射問題。
希望我提供的意圖和資訊足夠清楚。感謝大家審查我的代碼，我知道這是一團糟。
uj5u.com熱心網友回復：
恐怕你不能用 設定選定的選項@Html.DropDownListFor。如果值與 相同，你可以嘗試 foreach ModelSelectList.subType()并添加selected到選項中menu_obj.menus[i].content[j].type：
<select name="menu_obj.menus[@i].content[@j].type">
@foreach (var item in ModelSelectList.subType())
{
if (item.Text == Model.menu_obj.menus[i].content[j].type)
{
<option value[email protected] selected>@item.Text</option>
}
else
{
<option value[email protected]>@item.Text</option>
}
}
</select>
uj5u.com熱心網友回復：
模型選擇串列.subType()
@foreach（ModelSelectList.subType() 中的var item）{ //
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/366608.html
上一篇：當API回傳“請求過多”錯誤時，在C#中多次重試同一任務
下一篇：安裝后如何訪問檔案權限？