Question

我正在测试MVC进行演示，我设法废弃了一些部分，但现在我遇到了Html.ActionLink的问题。目的是向用户显示一系列下拉列表，他们必须在显示ActionLink之前选择这些下拉列表。为此，我复制了一些JQuery来隐藏/显示我的下拉列表（作为选择）和ActionLink。我向我的JQuery添加了一个警报，以检查我的值，并通过警报，它看起来都很好。但是，如果我调试控制器，parm值默认为0.我不确定要包含哪些代码，但我会尝试包含相关部分。我认为这是基本的东西。

以下是下拉列表和ActionLink。

@Html.DropDownListFor(m => m.selected_env_ID, new SelectList(Model.Environments, "env_ID", "env_DESC"), "*Select an environment")
@Html.DropDownListFor(m => m.selected_app_ID, new SelectList(Model.Applications, "app_ID", "app_DESC"), "*Select an application",new { @hidden = "hidden" })
@Html.DropDownListFor(m => m.selected_job_ID, Enumerable.Empty<SelectListItem>(), "*Select a job", new { @hidden = "hidden" })
@Html.ActionLink("Submit", "Submit", new { id =  Model.selected_job_ID, envid = Model.selected_env_ID }, new {id = "lnkSubmit" })

以下是隐藏/显示和填充级联下拉列表的错综复杂的JQuery。

<script>
    $(document).ready(function ()
    {
        //Dropdownlist Selectedchange event 
        $("#selected_app_ID").change(function () {
            var id = $('#selected_app_ID').val(); // id value
            if (id == 0) {
                $('#selected_job_ID').hide();
            } else {
                $('#selected_job_ID').show();
                $("#selected_job_ID").empty();
                $.ajax({
                    type: 'POST',
                    url: '@Url.Action("SelectJobs")',
                    dataType: 'json',
                    data: { id: $("#selected_app_ID").val() },
                    success: function (jobs) {
                        // jobs contains the JSON formatted list of jobs passed from the controller 
                        $("#selected_job_ID").append('<option value=0>*Select a job</option>');
                        $.each(jobs, function (i, job) {
                            $("#selected_job_ID").append('<option value="'
                                + job.job_ID + '">'
                                + job.job_DESC + '</option>');
                        });
                    },
                    error: function (ex) {
                        alert('Failed to retrieve jobs.' + ex);
                    }
                });
            }
            return false;
        });

        //ddl select change
        $("#selected_env_ID").change(function () {
            var name = $('#selected_env_ID option:selected').text(); //Item1
            var id = $('#selected_env_ID').val(); // id value
            if (id == 0) {
                $('#divSubmit').hide();
                $('#selected_app_ID').hide();
                $('#selected_job_ID').hide();
            } else {
                $('#selected_app_ID').show();
            }
        });

        //ddl select change
        $("#selected_job_ID").change(function () {
            var name = $('#selected_job_ID option:selected').text(); //Item1
            var id = $('#selected_job_ID').val(); // id value
            var envid = $('#selected_env_ID').val(); // id value
            if (id == 0) {
                $('#divSubmit').hide();
            } else {
                $('#divSubmit').show();
                alert("envid=" + envid + " jobid=" + id);
            }
        });


    }); // end document ready

</script>

我的控制器有这个，id和envid最终为0：

public ActionResult Submit(int id = 0,int envid = 0) {

如果我需要包含其他内容，请告诉我。

以下是填充作业下拉列表的方法。这没有问题。这是对提交的Html.ActionLink调用，无法包含参数。

public JsonResult SelectJobs(int id)
{
    db.Configuration.ProxyCreationEnabled = false;
    IEnumerable<t_job> jobs = db.t_job.Where(j => j.app_ID == id).ToList();
    return Json(jobs);
}

Answer 1

您需要使用JSON.stringify()：

data: JSON.stringify({ id: $("#selected_app_ID").val() }),

Answer 2

您的链接

@Html.ActionLink("Submit", "Submit", new { id =  Model.selected_job_ID, envid = Model.selected_env_ID }, new {id = "lnkSubmit" })

在下拉列表中进行任何选择之前，将在服务器端呈现

。如果selected_job_ID和selected_env_ID的初始值为零或为null，那么这些值将传递给控制器（查看渲染的html）。

如果要传递在下拉列表中选择的值，可以修改下拉更改事件中的链接href属性，或创建按钮而不是链接，并在按钮单击事件中执行重定向关于下拉值。

MVC Html.ActionLink参数值未传递

2 个答案: