将隐藏的字段表单值传递给Controller

时间:2013-09-23 15:17:08

标签: javascript jquery controller getjson formcollection

我有一个jQuery getJson方法,它正确返回一个选定的CustomerID。发生这种情况时,会启用一个按钮,将CustomerID发送到另一个Controller方法,然后打开一个表单来修改客户。

我检查表单集合,但没有与集合ID相关联的值。它只是作为“CustomerID”而没有任何价值。

如何使用Form Collection成功将此值传递给其他Controller?

我知道脚本部分包含var CustomerID,而BeginForm具有hiddenfield值,但很明显,两者之间没有“联系”。我想知道我怎么能这样做......

基本上,如何将CustomerID中的JS变量值放入Form?

JS

@section scripts {
    <script type="text/javascript">

        $(function ()
        {
            var selID = null;
            var CustomerID = null;
            $("#Name").change(function ()
            {
                selID = $("#Name option:selected").val();

                var url = '/Project/SpecificCustomer';
                var param = { Id: selID };
                $.getJSON(url, param, function (data)
                {
                    var html = "<table border='1' cellpadding='3'>";
                    html += "<tr>";
                    html += "<td>" + "Customer ID: " + data.CustomerID + "</td>";
                    CustomerID = data.CustomerID;
                    html += "</tr>";
                    html += "<tr>";
                    html += "<td>" + "Email: " + data.Email + "</td>";
                    html += "</tr>";
                    html += "<tr>";
                    var FirstName = data.FirstName;
                    FirstName == null ? "" : FirstName;
                    var LastName = data.LastName;
                    LastName == null ? "" : LastName;
                    html += "<td>" + "Name: " + FirstName + " " + LastName + "</td>";
                    html += "</tr>";
                    html += "<tr>";
                    var date1 = new Date(parseInt(data.CreatedDate.substr(6)));
                    date1 == null ? "" : date1;
                    html += "<td>" + "Created: " + date1 + "</td>";
                    html += "</tr>";
                    html += "<tr>";
                    var date2 = new Date(parseInt(data.UpdatedDate.substr(6)));
                    date2 == null ? "" : date2;
                    html += "<td>" + "Updated: " + date2 + "</td>";
                    html += "</tr>";
                    html += "</table>";
                    $("#divData").html('');
                    $("#divData").append(html);

                    if (CustomerID != null)
                        $("#UpdateCust").prop('disabled', false);
                });
            });
        });

    </script>
}

@using (Html.BeginForm("Index", "Customer", new AjaxOptions { HttpMethod = "POST" }))
{
    <fieldset>
        <legend>Edit Customer</legend>
        <div class="editor-field">
            <input type="hidden" id="custID" name="custID" value="CustomerID" />
            <input type="submit" id="UpdateCust" value='@Resources.Update' disabled="disabled" />
        </div>

    </fieldset>
}

其他控制器方法

public ActionResult Index(FormCollection form)
        {
            string custID = form["custID"];
...

1 个答案:

答案 0 :(得分:1)

目前尚不清楚,但如果表单与getJSON脚本位于同一页面上,那么您可以将JavaScript的最后几行更改为:

if (CustomerID != null) {
          $("#UpdateCust").prop('disabled', false);
          $("#custID").val(data.CustomerID);
}