如何在客户端更快地显示DropDownList数据加载?

时间:2014-03-31 07:39:10

标签: c# asp.net

我在我的应用程序中使用C#ASP.NET 3.5。在我的应用程序中,我有一个页面,其中根据另一个DropDownList选择值填充DropDownList。

我的每个DropDownList都选择了一个selectedIndexChange方法。由于这种数据检索速度较慢。

是否有任何客户端AJAX工具来处理这个问题以使其更快?请指教。

我附上了我的页面图片。

2 个答案:

答案 0 :(得分:0)

是的。有一个名为CascadingDropDown

的ajax控件
  <cc1:CascadingDropDown ID="cdlportfolio" TargetControlID="ddlportfolio" 
                                        PromptValue="" ServicePath="ServiceVB.asmx" ServiceMethod="Getportfolio" runat="server" 
                                        Category="portfolio" LoadingText = "Loading..." />

答案 1 :(得分:0)

$(function() {
$('#<%=ddlstate.ClientID %>').attr('disabled', 'disabled');
$('#<%=ddlcity.ClientID %>').attr('disabled', 'disabled');
$('#<%=ddlstate.ClientID %>').append('<option selected="selected" value="0">Select State</option>');
$('#<%=ddlcity.ClientID %>').empty().append('<option selected="selected" value="0">Select Region</option>');
$('#<%=ddlcountries.ClientID %>').change(function() {
var country = $('#<%=ddlcountries.ClientID%>').val()
$('#<%=ddlstate.ClientID %>').removeAttr("disabled");
$('#<%=ddlcity.ClientID %>').empty().append('<option selected="selected" value="0">Select Region</option>');
$('#<%=ddlcity.ClientID %>').attr('disabled', 'disabled');
$.ajax({
type: "POST",
url: "jQueryCascadingDropdownExample.aspx/BindStates",
data: "{'country':'" + country + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
var j = jQuery.parseJSON(msg.d);
var options;
for (var i = 0; i < j.length; i++) {
options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'
}
$('#<%=ddlstate.ClientID %>').html(options)
},
error: function(data) {
alert('Something Went Wrong')
}
});
});

请参阅以下链接。

http://www.aspdotnet-suresh.com/2013/10/jquery-cascading-dropdown-list-in-aspnet.html