Зависимый DropDown в ASP.NET MVC?

Посмотреть

<script type="text/javascript">
function getCities(abbr) {
    $.ajax({
        url: '@Url.Action("SayaclariGetir", "Enerji")',
        data: { abbreviation: abbr },
        dataType: "json",
        type: "POST",
        error: function () {
            alert("Error!");
        },
        success: function (data) {
            var items = "";
            $.each(data, function (i, item) {
                items += "<option value=\"" + item.sno + "\">" + item.seri_no + "</option>";
            });

            $("#sayaclar").html(items);
        }
    });
}

$(document).ready(function () {
    $("#musteriler").change(function () {
        var abbr = $("#musteriler").val();
        getCities(abbr);
    });
});
</script>
<div>
<table>
    <tbody>
        <tr>
            <td>@Html.DropDownListFor(x => x.musteri_id, new SelectList(Model.musteriler, "sno", "musteri_adi"), "-- Müşteri Seçiniz --", new { id = "musteriler" })
            </td>
            <td>@Html.DropDownListFor(x => x.sayac_id, new SelectList(Model.sayaclar, "sno", "seri_no"), "-- Sayaç Seçiniz --", new { id = "sayaclar" })
            </td>
            <td>
                <input type="submit" value="Kaydet" />
            </td>
        </tr>
    </tbody>
</table>
</div>

контроллер

[HttpPost]
public ActionResult SayaclariGetir(string abbreviation)
{
    int musteri_id = Int32.Parse(abbreviation);
    IEnumerable<TblSayaclar> _sayaclar = entity.TblSayaclar.Where(x => x.musteri_id == musteri_id);

    return new JsonResult
    {
        Data = new
        {
            success = true,
            sayaclar = _sayaclar
        },
        JsonRequestBehavior = JsonRequestBehavior.AllowGet
     };
 }

модель

public class TuketimRaporViewModel
{
    public IEnumerable<TblMusteriler> musteriler { get; set; }
    public IEnumerable<TblSayaclar> sayaclar { get; set; }

    public int musteri_id { get; set; }
    public int sayac_id { get; set; }
}

Когда первое раскрывающееся меню изменилось, я получаю предупреждение «Ошибка!». Я не могу найти, почему я получаю предупреждающее сообщение?

ИЗМЕНИТЬ

Когда я пишу это sayaclar = new SelectList(_sayaclar,"sno","seri_no") вместо sayaclar = _sayaclar, ошибка не возникает, но на этот раз значения второго раскрывающегося списка «не определены».

Спасибо.


json jquery asp.net-mvc cascadingdropdown html.dropdownlistfor
person AliRıza Adıyahşi    schedule 23.07.2012    source источник
comment
Воспользуйтесь этой ссылкой.   -  person Pravin Pawar    schedule 23.07.2012
comment
См. мой блог Cascading DropDownList blogs.msdn.com/b/rickandy/archive/2012/01/09/   -  person RickAndMSFT    schedule 28.07.2012

Ответы (2)


arrow_upward
2
arrow_downward

Я написал это, и это работает:

[HttpPost]
public ActionResult SayaclariGetir(string abbreviation)
{
   int musteri_id = Int32.Parse(abbreviation);
   var _sayaclar = entity.TblSayaclar.Where(x => x.musteri_id == musteri_id).Select(x => new { sno = x.sno, seri_no = x.seri_no });

   return Json(_sayaclar, JsonRequestBehavior.AllowGet);
}
person AliRıza Adıyahşi    schedule 23.07.2012

arrow_upward
2
arrow_downward

вы можете использовать AjaxDropdown отсюда: http://awesome.codeplex.com

здесь есть демонстрация: http://demo.aspnetawesome.com/AjaxDropdownDemo

person Rajesh    schedule 27.07.2012