级联下拉菜单 [英] Cascading dropdown
问题描述
有没有替代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屋!