使用UpdatePanel无法触发ASPX后台（aspx.cs）方法及城市数据交互问题

我明白你现在的困境：前端自动完成选中城市后，文本框值更新了，但这个前端操作没触发ASP.NET的异步回发，导致UpdatePanel里的后台方法没执行，没法把城市详情加载到GridView里。我来一步步帮你解决这个问题：

第一步：让前端选中操作触发回发 #

因为自动完成是通过JS给文本框赋值的，文本框默认的onchange事件只有用户手动输入才会触发，所以我们需要在选中城市后手动触发回发。

假设你的自动完成输入框ID是txtAutoComplete，用来存储选中城市的文本框ID是txtSelectedCity，你可以在自动完成的选中回调里加这段JS代码：

// 以jQuery UI Autocomplete为例的选中事件处理
$(function() {
    $("#<%= txtAutoComplete.ClientID %>").autocomplete({
        source: ["北京", "上海", "广州", "深圳"], // 替换成你的城市数据源
        select: function(event, ui) {
            // 把选中的城市名赋值到目标文本框
            $("#<%= txtSelectedCity.ClientID %>").val(ui.item.value);
            // 手动触发文本框的异步回发
            __doPostBack('<%= txtSelectedCity.UniqueID %>', '');
            return false; // 阻止自动填充到自动完成输入框
        }
    });
});

同时，要给txtSelectedCity开启自动回发并绑定后台事件：

<!-- 页面必须先添加ScriptManager，否则__doPostBack会失效 -->
<asp:ScriptManager runat="server"></asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <!-- 存储选中城市的文本框 -->
        <asp:TextBox ID="txtSelectedCity" runat="server" 
                     AutoPostBack="true" 
                     OnTextChanged="txtSelectedCity_TextChanged"></asp:TextBox>
        <!-- 显示城市详情的GridView -->
        <asp:GridView ID="gvCityDetails" runat="server"></asp:GridView>
    </ContentTemplate>
    <!-- 显式添加触发器，确保文本框变化触发异步回发 -->
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="txtSelectedCity" EventName="TextChanged" />
    </Triggers>
</asp:UpdatePanel>

第二步：实现后台事件处理方法 #

在你的aspx.cs文件里，编写txtSelectedCity_TextChanged方法，获取城市名并绑定GridView：

protected void txtSelectedCity_TextChanged(object sender, EventArgs e)
{
    string selectedCity = txtSelectedCity.Text;
    if (!string.IsNullOrEmpty(selectedCity))
    {
        // 调用你的业务逻辑获取城市详情（比如从数据库查询）
        var cityDetails = GetCityDetailsFromDB(selectedCity);
        // 绑定数据到GridView
        gvCityDetails.DataSource = cityDetails;
        gvCityDetails.DataBind();
    }
    else
    {
        // 清空GridView当没有选中城市时
        gvCityDetails.DataSource = null;
        gvCityDetails.DataBind();
    }
}

// 模拟从数据库获取城市详情的方法，替换成你的实际逻辑
private DataTable GetCityDetailsFromDB(string cityName)
{
    DataTable dt = new DataTable();
    dt.Columns.Add("城市ID");
    dt.Columns.Add("城市名称");
    dt.Columns.Add("人口");
    dt.Columns.Add("所属省份");
    // 示例数据，实际替换为数据库查询结果
    dt.Rows.Add("1", cityName, "120万", "华东地区");
    return dt;
}

第三步：排查常见问题 #

• 确保页面存在<asp:ScriptManager runat="server"></asp:ScriptManager>，否则__doPostBack函数会未定义；
• 如果UpdatePanel的UpdateMode设为Conditional，要确保触发器配置正确，或者在后台手动调用UpdatePanel1.Update()；
• 检查文本框的ViewState是否启用（默认是启用的），否则回发后文本框值会丢失；
• 打开浏览器开发者工具，检查控制台有没有JS错误，避免回发被错误阻断。

这样操作后，用户选中城市时，文本框值会更新并触发异步回发，后台方法执行后，GridView就会加载对应的城市详情了。

内容的提问来源于stack exchange，提问作者Sreedhar Danturthi