我能够在 ListBoxFor 控件中显示从 Controller 到 View 的值。但是,当我将值从一个列表框移动到另一个列表框并发布 View 时, Controller 端的模型不会保留列表框中的值。
这是我的模型
namespace MvcApplication1.Models
{
public class EmployeeClass
{
public int EmpCode { get; set; }
public string EmpName { get; set; }
}
public class EmployeeViewModel
{
public string Department { get; set; }
public list<EmployeeClass> AvailalableEmployee { get; set; }
public list<EmployeeClass> SelectedEmployee { get; set; }
public int [] AvailableEmpCodeArray { get; set; }
public int [] SelectedEmpCodeArray { get; set; }
}
}
这是我的 Controller
namespace MvcApplication1.Controllers
{
public class EmployeeController : Controller
{
public ActionResult EmployeeDisplayTool()
{
EmployeeViewModel model = new EmployeeViewModel();
model.Department = "Techology"
model.AvailalableEmployee.Add(new Employee(1,"Emp1"));
model.AvailalableEmployee.Add(new Scenario(2,"Emp2"));
model.AvailalableEmployee.Add(new Scenario(3,"Emp3"));
model.SelectedEmployee.Add(new Scenario(4,"Emp4"));
model.SelectedEmployee.Add(new Scenario(5,"Emp5"));
model.SelectedEmployee.Add(new Scenario(6,"Emp6"));
return View(model);
}
[HttpPost]
public ActionResult EmployeeDisplayTool(EmployeeViewModel model)
{
//model.Department is populated as "Technology"
//All of the follownig collections are null.
//model.AvailalableEmployee is null.
//model.AvailableEmpCodeArray is null.
//model.SelectedEmployee is null.
//model.SelectedEmpCodeArray is null.
}
}
}
这是我的 View 和 JavaScript
@using (Html.BeginForm())
{
<table id="MainTable" border="0">
<tr>
<td colspan="3">
@Html.TextBoxFor(m => Model.Department, new { id = "txtDepartment" })
</td>
</tr>
<tr>
<td>
@Html.ListBoxFor(m => Model.AvailableEmpCodeArray, new MultiSelectList(Model.AvailalableEmployee, "EmpCode", "EmpName", Model.AvailableEmpCodeArray), new { id = "lbxAvailableEmployees" })
</td>
<td>
<input type="button" id="btnSelectEmployee" value=" >> "/>
<br/>
<br/>
<input type="button" id="btnUnSelectEmployee" value=" << "/>
</td>
<td>
@Html.ListBoxFor(m => Model.SelectedEmpCodeArray, new MultiSelectList(Model.SelectedEmployee, "EmpCode", "EmpName", Model.SelectedEmpCodeArray), new { id = "lbxSelectedEmployees" })
</td>
</tr>
</table>
}
<script type="text/javascript">
$(document).ready(function()
{
$('#btnSelectEmployee').click(function(e)
{
var SelectedEmps = $('#lbxAvailableEmployees option:selected');
if (SelectedEmps.length == 0)
{
e.preventDefault();
}
$('#lbxSelectedEmployees').append($(SelectedEmps).clone());
$(SelectedEmps).remove();
e.preventDefault();
});
$('#btnUnSelectEmployee').click(function(e)
{
var SelectedEmps = $('#lbxSelectedEmployees option:selected');
if (SelectedEmps.length == 0)
{
e.preventDefault();
}
$('#lbxAvailableEmployees').append($(SelectedEmps).clone());
$(SelectedEmps).remove();
e.preventDefault();
});
});
</script>
最佳答案
在你的 HttpPost
里面AvailalableEmployee
您无法期望的操作和 SelectedEmployee
要填充的集合。这是由于 HTML 工作方式的性质。当您提交表单时,只有选定的值会发送到服务器。当您提交表单时,选择字段的文本值从不发送到您的服务器。
因此,您唯一希望填充到此 HttpPost 操作中的是 AvailableEmpCodeArray
和 SelectedEmpCodeArray
收藏品。它们将包含相应选择字段中选定 项目的值。请注意,我已将 selected 加粗。这意味着只有当您在相应的框中选择任何项目时,这些集合才会被绑定(bind)。如果您不选择任何内容,它们将保持为空,这是完全正常的。
这是一个用户未选择任何内容的示例。他刚刚使用了 <<
和 >>
按钮在列表之间切换值,但请注意没有选择任何内容:
注意如何选择 nothing 了吗?这就是您将在 Controller 操作中获得的全部 - 无。
现在请与以下屏幕截图进行比较:
你看出区别了吗?注意用户是如何明确选择 Emp2
的, Emp5
和 Emp6
值(使用 Shift 键选择多个值)?这就是您要在 HttpPost 操作中获得的内容。 AvailableEmpCodeArray
集合将包含一个值为 2
的元素和 SelectedEmpCodeArray
将包含 2 个值为 5
的元素和 6
.
现在来解决你的第二个问题。如果您打算从 HttpPost Controller 操作中重新显示相同的 View ,您需要确保的第一件事是您已经为 AvailalableEmployee
分配了值。和 SelectedEmployee
收藏品。这应该按照您在 HttpGet 操作中所做的相同方式完成:
model.AvailalableEmployee.Add(new Employee(1,"Emp1"));
model.AvailalableEmployee.Add(new Scenario(2,"Emp2"));
model.AvailalableEmployee.Add(new Scenario(3,"Emp3"));
model.SelectedEmployee.Add(new Scenario(4,"Emp4"));
model.SelectedEmployee.Add(new Scenario(5,"Emp5"));
model.SelectedEmployee.Add(new Scenario(6,"Emp6"));
或者如果这些值来自数据库,您将不得不在 HttpPost 操作中重新查询该数据库,因为正如我已经解释的那样,这些值永远不会与 View 绑定(bind)。
关于c# - 模型在 MVC4 中没有 ListBoxFor 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14075729/