0

我在一个 MVC 项目中，目前卡在多对多映射中。

我有一个多对多的关系。它模拟大学中的学生课程选择。一个学生有科目，并且对于给定的学期，有一个完整的科目列表。

需要：制作一个学生可以访问该页面的表格，并通过使用复选框来选择一些科目。

我创建了一个视图模型（至少我是这么称呼它的）。这是将在视图“编辑”中使用的模型。

编辑.cshtml

//in the Edit View
@model StudentViewModel

//Some more code
@Html.EditorFor(model => model.Std.Name)
//etc..

学生视图模型

class StudentViewModel
{
public Student Std { get; set; }
public List<SubjectsSelection> Subs{ get; set; }
}

class SubjectSelection
{
public string Name { get; set; }
public int ID { get; set; }
public bool Selected { get; set; }
}

我想要的是为每个主题添加一组复选框，Selected = true以便检查。

for我打算通过手动循环创建一个复选框列表。

我可以用一些类似的东西来做到这一点，@Html.EditorFor(model => model.Subs)以便在提交表单时我可以使用这样的控制器

[HttpPost]
public ActionResult Edit(Machine machine, SubjectSelection[] subs)
{
//Some code here
}

这样之后我就可以进行必要的连接（至少希望如此）并保存到数据库中。

4

1 回答 1

0

示例展示如何将数据发布到控制器方法

剃刀代码：

<div id="form">
        <table width="600">
            <tr>
                <td>Select Date:</td>
                <td>
                    <input class="txtDate" type="date" size="20"></td>
            </tr>
            <tr>
                <td>Select Expense Type:</td>
                <td>
                    <select class="ExpenseType">
                        <optgroup label="Room">
                            <option>Room Fare</option>
                        </optgroup>

                        <optgroup label="Mess">
                            <option>Monthly Mess</option>
                        </optgroup>

                        <optgroup label="Others">
                            <option>Bus Fare</option>
                            <option>Tapari</option>
                            <option>Mobile Recharge</option>
                            <option>Auto</option>
                        </optgroup>
                    </select></td>
            </tr>
            <tr>
                <td>Enter Cost:</td>
                <td>
                    <input  class="cost" type="text" size="45" /></td>
            </tr>
            <tr>
                <td>Extra Details:</td>
                <td>
                    <input class="extra" type="text" size="45" /></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <button href="javascript:void(0);" onClick="saveExpense();" >Submit</button></td>
            </tr>
        </table>
    </div>

<script>
function saveExpense()
    {
        var expenseobject = {          //MyModel Expense has these fields
            date:$('.txtDate').val() ,
            type:$('.ExpenseType').val() ,
            cost: $('.cost').val(),
            extra:$('.extra').val()

        };

        $.ajax({
            url: './saveexpense',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ obj: expenseobject }),
            success: function (result) {
                handleData(result);

            }
        });

    }
</script>

控制器：

 public ActionResult SaveExpense(Expense obj)
        {
            obj.ExpenseId = Guid.NewGuid();
            if (ModelState.IsValid)
            {
                context.expenses.Add(obj);
                context.SaveChanges();
                int total=context.expenses.Sum(x => x.cost);
                return Json(new {spent=total,status="Saved" });

            }
            else
                return Json(new { status="Error"});   
        }

Model您可以执行以下操作，而不是创建对象：

您可以使用 jquery 直接serialize()表单并将数据发布到控制器......你就完成了

于 2012-12-13T11:29:51.360 回答