Question

我正在使用ASP.NET MVC，我在视图中有一个动态表，用户可以添加和删除行。

<table class="table" id="tableClasses">
        <tr>
            <th>Class</th>
            <!-- Icon to add a line. Done with javascript -->
            <th><span class="table-add glyphicon glyphicon-plus"></span></th>
        </tr>
        @foreach (string sClass in tClasses)
        {
            <tr>
                <td contenteditable="true">@sClass</td>
                <td>
                    <span class="table-remove glyphicon glyphicon-remove"></span>
                </td>
            </tr>
        }
        <!-- This is our clonable table line -->
        <tr class="hide">
            <td contenteditable="true">New Class</td>
            <td>
                <!-- Icon to remove the line. Done with javascript -->
                <span class="table-remove glyphicon glyphicon-remove"></span>
            </td>
        </tr>
</table>

我需要检索并保存控制器中所有行的值，但我不知道该怎么做。

由于我不知道表格中会有多少行，我不能正确使用id？

如何访问和循环控制器中的表格单元格？

编辑：

这是控制器代码：

public ActionResult Edit([Bind(Include = "PKAL,FKHC,SIATA,SICAO,SNAME,SETDEARLY,SETDLATE,SLASTMIN,SCLASSFASTLANE,SDCSINTERFACE")] AIRLINE aIRLINE)
        {
            if (ModelState.IsValid)
            {
                aIRLINE.SETDEARLY = aIRLINE.SETDEARLY.Replace(":", string.Empty);
                aIRLINE.SETDLATE = aIRLINE.SETDLATE.Replace(":", string.Empty);
                aIRLINE.SLASTMIN = aIRLINE.SLASTMIN.Replace(":", string.Empty);

            FormCollection collection = new FormCollection();  
            collection.Get("classTemp");

            db.Entry(aIRLINE).State = EntityState.Modified;
            db.SaveChanges();
            return RedirectToAction("Index");
        }
        ViewBag.FKHC = new SelectList(db.HANDLER, "PKHC", "SHCODE", aIRLINE.FKHC);
        return View(aIRLINE);
    }

棘手的是SCLASSFASTLANE在数据库中存储为“A，B，C，X”。

这就是为什么我使用自定义模板来显示和修改它，我需要一个动态表（上面的代码）。

Answer 1

好的，我终于设法解决了，这就是我最终做的事情：

这是View（EditorTemplate）代码（没有太大变化）：

<div id="table" class="table-editable">
<table id="tableClasses" class="table">
    <tr>
        <th>@Resource.ClassFastLane</th>
        <th><span class="table-add glyphicon glyphicon-plus"></span></th>
    </tr>
    @foreach (string sClass in tClasses)
    {
        <tr>
            <td contenteditable="true">@sClass</td>
            <td>
                <span class="table-remove glyphicon glyphicon-remove"></span>
            </td>
        </tr>
    }
    <!-- This is our clonable table line -->
    <tr class="hide">
        <td contenteditable="true"></td>
        <td>
            <span class="table-remove glyphicon glyphicon-remove"></span>
        </td>
    </tr>
</table>

我通过javascript：

从表中检索了值

<script>
    //Store the class html table values in a string array and post it to the controller.
    //function returnClasses() {
    $("form").submit(function (e) {
        //On empêche le formulaire de faire un submit.
        e.preventDefault();

        //On sauve les données de la table des classes vers le controller.
        var TableData = new Array();
        $('#tableClasses tr').each(function (row, tr) {
            TableData = TableData + $(tr).find('td:eq(0)').text();
        });
        var postData = { values: TableData };

        $.ajax({
            type: "POST",
            url: "/AIRLINE/SaveClasses",
            //url: "/ControllerHelper/SaveClasses",
            data: postData,
            success: function (result) {
                submit();
            },
        });
    })
    //Une fois les données sauvées, on fait le submit.
    function submit() {
        $("form").unbind('submit').submit();
    }
</script>

我阻止表单提交，提交类值，然后在控制器中，我按照我希望的方式重新排列值，并通过Edit ActionResult提交表单：

public ActionResult Edit([Bind(Include = "PKAL,FKHC,SIATA,SICAO,SNAME,SETDEARLY,SETDLATE,SLASTMIN,SCLASSFASTLANE,SDCSINTERFACE")] AIRLINE aIRLINE)
    {
        if (ModelState.IsValid)
        {
            aIRLINE.SCLASSFASTLANE = ControllerHelper.getClassesTemp();
            ControllerHelper.resetClassesTemp();

            db.Entry(aIRLINE).State = EntityState.Modified;
            db.SaveChanges();
            return RedirectToAction("Index");
        }
        ViewBag.FKHC = new SelectList(db.HANDLER, "PKHC", "SHCODE", aIRLINE.FKHC);
        return View(aIRLINE);
    }

这可能不是最漂亮的解决方案，但凭借我迄今为止所拥有的知识以及我能得到的一点帮助，它现在可以做得很好。

从View到Controller

1 个答案: