级联下拉菜单 [英] Cascading dropdown

查看:131
本文介绍了级联下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有替代JSON数据级联下拉菜单?
我使用的国家和状态下拉,但级联使用JSON数据花费太多时间

  [HTTPGET]
 公众的ActionResult国家(INT countryId)
 {
     DateTangoEntities _db =新DateTangoEntities();
     VAR TSET = _db.States.Where(R = GT; r.CountryID == countryId)。选择(R = GT;
         新{r.StateName,r.StateID});
     返回JSON(不同厂家,JsonRequestBehavior.AllowGet);
 }

和这里是jQuery的一部分

  $(文件)。就绪(函数(){
    VAR国家= $(#国家);
    VAR区域= $(#国);    countries.change(函数(){
        。regions.find('选项')删除();
        $ .getJSON(/资料/国',{countryId:countries.val()},功能(数据){
            $(数据)。每个(函数(){
                $('#国)追加('<期权价值=+ this.StateID +'>'+ this.StateName +'< /选项>')resetSS()。
            });
        });
    });
});


解决方案

您可以检查我的JSON级联下拉菜单教程(你能在那里下载源)
<一href=\"http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-1-entity-framework-and-$c$c-first/\" rel=\"nofollow\">http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-1-entity-framework-and-$c$c-first/
http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-2-ajax-cascading-dropdown/
<一href=\"http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-3-ajax-cascading-dropdownunobtrusive-version/\" rel=\"nofollow\">http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-3-ajax-cascading-dropdownunobtrusive-version/

Is there any alternative to json data to cascade dropdowns? I am using country and state dropdown but cascading the data with json take too much time

 [HttpGet]
 public ActionResult States(int countryId)
 {
     DateTangoEntities _db = new DateTangoEntities();
     var tset = _db.States.Where(r => r.CountryID == countryId).Select(r =>
         new { r.StateName, r.StateID });
     return Json(tset, JsonRequestBehavior.AllowGet);
 }

and here is the jquery part

$(document).ready(function () {
    var countries = $("#Country");
    var regions = $("#States");

    countries.change(function () {
        regions.find('option').remove();
        $.getJSON('/Profile/States', { countryId: countries.val() }, function (data) {
            $(data).each(function () {
                $('#States').append('<option value="' + this.StateID + '">' + this.StateName + '</option>').resetSS();
            });
        });
    });
});

解决方案

You could check my json cascading dropdowns tutorial (you can download source there) http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-1-entity-framework-and-code-first/ http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-2-ajax-cascading-dropdown/ http://blog.goranobradovic.com/2011/06/asp-net-mvc3-app-part-3-ajax-cascading-dropdownunobtrusive-version/

这篇关于级联下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆