ASP.NET MVC Cascade ComboBox

时间:2017-10-25 10:10:10

标签: c# asp.net asp.net-mvc

我正在尝试根据上面ComboBox的选项刷新我的ComboBox。 我有以下控制器代码:

根据第一个选择填充第二个Combobox的控制器方法代码

public JsonResult Testeeee(int id_cat )
{
    var result = new dificuldade();

    SqlCommand com;

    string str;
    SqlConnection conn = new SqlConnection(@"Server=DESKTOP-4GPISBO\SQLEXPRESS;Database=Jogo;Trusted_Connection=True;");
    conn.Open();

    str = "select tipo_dificuldade, dificuldade.id_dificuldade " +
           "from dificuldade " +
           "INNER JOIN palavra ON palavra.id_dificuldade = dificuldade.id_dificuldade " +
           "where palavra.id_cat = '" + id_cat + "'  ";

    com = new SqlCommand(str, conn);
    SqlDataReader reader = com.ExecuteReader();
    if (reader.Read())
    {
        result.TIPO_DIFICULDADE = reader["tipo_dificuldade"].ToString();
        result.id_dificuldade = int.Parse(reader["id_dificuldade"].ToString());

    }
    conn.Close();

    return Json(result, JsonRequestBehavior.AllowGet);
}

这是我的观看代码:

@Html.DropDownListFor(model => model.id_cat, ViewBag.ListaCategoria as SelectList, "-- Selecione a Categoria --", new { @class = "form-control" })
@Html.DropDownListFor(model => model.id_dificuldade, new SelectList(" "),  "-- Selecione a Dificuldade --",  new { @class = "form-control"  })

jQuery代码:

$(document).ready(function () {
    $("#id_cat").change(function () {
        $.get("/Home/Testeeee", { id_cat: $("#id_cat").val() }, function (data) {
            $("#id_dificuldade").empty();
            $.each(data, function (index, row) {
                $("#id_dificuldade").append("<option value='" + row.id_dificuldade + "'>" + row.TIPO_DIFICULDADE + "</option>")
            });
        });
    })
});

我的问题

我的问题是该值在第二个ComboBox中返回undefined,就好像该值未返回或未被识别一样。

1 个答案:

答案 0 :(得分:0)

您的Testeeee()方法正在返回dificuldade的单个实例,而不是集合。更改方法以创建集合,并在读取数据时添加每个集合

public JsonResult Testeeee(int id_cat )
{
    List<dificuldade> model = new List<dificuldade>();
    ....
    SqlDataReader reader = com.ExecuteReader();
    while (reader.Read())
    {
        dificuldade item = new dificuldade();
        item.TIPO_DIFICULDADE = reader["tipo_dificuldade"].ToString();
        item.id_dificuldade = int.Parse(reader["id_dificuldade"].ToString());
        model.Add(item);
    }
    conn.Close();
    return Json(model, JsonRequestBehavior.AllowGet);
}

作为旁注,您还有其他问题,例如,如果需要在POST方法中返回视图,则会丢失数据;如果编辑现有记录,则代码将不会显示正确的数据。请参阅How to keep cascade dropdownlist selected items after form submit?