C# DropDownList 回发答案

【问题标题】：C# DropDownList postbackC# DropDownList 回发
【发布时间】：2013-01-14 21:19:48
【问题描述】：

我正在使用 MVC ASP 创建一系列由 SQL 存储过程填充的下拉列表。但是，需要通过将前一个列表的选择作为参数传递给过程调用来填充每个连续的下拉列表。如何发布使用以下方法创建的列表的选择：

@Html.DropDownListFor(x => x.environmentName, new SelectList(Model.environmentName))

我试图将它保存到模型视图，然后再次将视图传递给控制器，但我觉得这是一种糟糕的方法。

【问题讨论】：

查看这个例子Cascading DropDownList in ASP.Net MVC
这是使用 jQuery 来做这件事的一个很好的例子，但我还需要每次运行一个存储过程，将列表中选择的值作为参数传递。在该示例中，他只是在创建时初始化 json 对象。

标签： c# sql asp.net-mvc stored-procedures drop-down-menu

【解决方案1】：

这是我为 3 个级联下拉列表编写的一个 JQuery 解决方案，其中带有对控制器的 ajax 回调，以根据先前的选择填充下一个列表。这可能会让你朝着正确的方向前进。

Select: <select id="category" style="width: 150px">
        <option></option>
        @foreach (string cat in ViewBag.Categories)
        {
            <option>@cat</option>
        }
    </select><span id="errorforcategory" style="color: red"></span>
<select id="subcategory1" disabled="disabled" style="width: 150px"><option></option>       </select>
<select id="subcategory2" disabled="disabled" style="width: 150px"><option></option></select>


<script type="text/javascript">
$("#category").change(function () {
    $("#subcategory1").load('@Url.Action("GetSubCategory")' + "?category=" +     $("#category").val());
    $('#subcategory2').empty();
    $('#subcategory2').append($("<option></option>"));
    $('#subcategory2').attr('disabled', 'disabled');
}).ajaxStop(function () {
    if ($('#subcategory1 option').size() > 2) {
        $('#subcategory1').attr('disabled', '');
    } else {
        $('#subcategory1').attr('disabled', 'disabled');
    }

});

$("#subcategory1").change(function() {
    if ($("#subcategory1").val().trim()) {
        $("#subcategory2").load('@Url.Action("GetSubCategory")' + "?category=" + $("#category").val() + "&subcategory=" + $("#subcategory1").val());
    } else {
        $('#subcategory2').empty();
        $('#subcategory2').attr('disabled', 'disabled');
    }
}).ajaxStop(function() {
    if ($('#subcategory2 option').size() > 2) {
        $('#subcategory2').attr('disabled', '');
    } else {
        $('#subcategory2').attr('disabled', 'disabled');
    }
});

然后在您的控制器中，您可以使用您喜欢的任何方法调用您的存储过程，然后构建您的结果选项文本。

public string GetSubCategory(string category, string subcategory)
    {
        string returnval = "<option></option>";
        if (!string.IsNullOrEmpty(subcategory))
        {
            foreach (
                var cat in
                    db.Categories.Where(c => c.category1 == category && c.subcategory1 == subcategory)
                      .Select(c => c.subcategory2)
                      .Distinct())
            {
                if (!string.IsNullOrEmpty(cat.Trim()))
                    returnval += "<option>" + cat + "</option>";
            }
            return returnval;
        }

        return Enumerable.Aggregate(db.Categories.Where(c => c.category1 == category).Select(c => c.subcategory1).Distinct().Where(cat => !string.IsNullOrEmpty(cat.Trim())), returnval, (current, cat) => current + ("<option>" + cat + "</option>"));
    }

【讨论】：