Question

我正在尝试使用MVC编写一个显示特定事件的图例定义的简单页面。模型的结构是

public class ServiceSymbols
{
    [Required(ErrorMessage = "ID is required")]
    public int ID { get; set; }
    public List<SymbolsDef> SymbolsDef { get; set; }

}
public class SymbolsDef
{
    public string value { get; set; }
    public string label { get; set; }
    public string color { get; set; }
}

在视图中，服务符号（ServiceSymbols）有多个符号定义（SymbolsDef），我使用的AJAX可以根据表行添加或删除符号定义。但是有一个问题。

如果页面最初加载2行。然后，我通过AJAX添加了3行，为每个输入值，提交表单。然后，我检查了控制器中的值（通过添加断点），只有前2个SymbolsDef值是我输入的值，其余值与第二个值相同。如果页面最初加载5行，并且我不添加或删除任何，只需更改每条记录的值，然后提交。然后传递给控制器的值没有这个问题。

以下是提交功能的一部分：

function saveServiceSymbology() {
    var symbolData = $("form#EditSymbols").serialize();
    $.ajax({ url: "/Home/SaveSymbolsDef",
        async: false,
        type: "POST",
        data: symbolData,
        success: function (data) {
            alert("Succeed");
        }
    });
}

我认为这是对模型问题的一种约束价值，我也怀疑是序列化函数。

有没有人遇到过这种问题？它困扰了我一段时间，非常令人沮丧。

以下是添加新行的操作方法：

[OutputCache(Duration = 0)] // make sure come here each time, do not cathe it.
public ActionResult AddNewSymbolsDef()
{
    return PartialView("_SymbolsDefPartial", new SymbolsDef());
}

以下是保存方法：

[HttpPost]
public ActionResult SaveSymbolsDef(ServiceSymbols ServiceSymbols)
{
    //Actions Here
}

我没有写SaveSymbolsDef的所有动作，因为当我在SaveSymbolsDef中设置断点，并将光标放在“ServiceSymbols”上，并从那里看到所有值时，该值已经改变，所以我认为这不会是行动问题。

Here is the log output when I add a new row:    
<tr>
    <input autocomplete="off" name="SymbolsDef.Index" type="hidden" value="f65560ae-650b-4f6d-ba7e-29db945dc3b0" />
    <td style="display:none">
        <input type="text" id = "fromValue" />
    </td>
    <td style="display:none">
        <input type="text" id = "toValue" />
    </td>
    <td>
        <input id="value" name="SymbolsDef[f65560ae-650b-4f6d-ba7e-29db945dc3b0].value"  type="text" value="" />
    </td>
    <td>
        <input id="label" name="SymbolsDef[f65560ae-650b-4f6d-ba7e-29db945dc3b0].label"  type="text" value="" />
    </td>
    <td id="symbolColorPicker">
        <input class="color" id="SymbolsDef_f65560ae-650b-4f6d-ba7e-29db945dc3b0__color" name="SymbolsDef[f65560ae-650b-4f6d-ba7e-29db945dc3b0].color"  type="text" value="" />
        <input id="color" name="SymbolsDef[f65560ae-650b-4f6d-ba7e-29db945dc3b0].value" type="hidden" value="" />
    </td>
    <td>
        <img src="../../Scripts/Images/delete.png" id="DeleteSymbol" title="Delete this row" alt="delete" style="cursor: pointer;" onclick=
        "if ($('#symbolsdiv tr').length > 3) $(this).closest('tr').remove();else alert('This can not be deleted!');reasignSymbol()" />
    </td>
</tr>

MVC：通过ajax添加一行后，新值不会传递给控制器

0 个答案: