如何在客户端更快地显示下拉列表数据加载

本文关键字：显示 下拉列表 数据 加载 客户端 | 更新日期: 2023-09-27 17:55:08

我在应用程序中使用 C# ASP.NET 3.5。在我的应用程序中，我确实有一个页面，其中根据另一个下拉列表选择值填充了下拉列表列表。

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

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

我附上了我的页面的图片。

如何在客户端更快地显示下拉列表数据加载

是的。有一个名为 CascadingDropDown 的 ajax 控件

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

$(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

相关文章：