javascript - 是否可以在 ASP.Net 中执行客户端代码之前执行服务器端代码

Question

我在 DataGrid 中有一个链接按钮用于编辑网格数据，我正在使用 OnClientClick 事件来加载模态表单，而且我正在使用 onSelectedIndexChanged GRID 的事件函数，用于将编辑数据加载到控件。请参阅下面的服务器端代码

    protected void GetSelectedData(Object src, EventArgs e)
{
    String Team_Id = GridView1.DataKeys[GridView1.SelectedIndex].ToString();
    using (MySqlConnection DbConnection = new MySqlConnection(ConfigurationManager.AppSettings["ConnectionStr"]))
    {
        DbConnection.Close();
        string cmdText = "SELECT Team_Id,Team_code,Team_Name FROM Team_Details WHERE Team_Id=?Id";
        MySqlCommand cmd = new MySqlCommand(cmdText, DbConnection);
        cmd.Parameters.Add("?Id", MySqlDbType.Int32).Value = Convert.ToInt32(Team_Id);
        DbConnection.Open();
        MySqlDataReader DR = cmd.ExecuteReader();
        while (DR.Read())
        {
            this.txtTeamCode.Text = DR.GetValue(1).ToString();
            this.txtTeamName.Text = DR.GetValue(2).ToString();

        }
    }
}

查看调用模态窗口的客户端代码，

        function EditDialog(){ 
        $('#newTeam').dialog("open");   
        alert(document.Team.txtTeamCode.value);          
        document.getElementById("cvCode").innerHTML = '';
        document.Team.txtTeamCode.focus();                   
    }        

问题是，在弹出模态表单时，字段(团队代码和团队名称)变得空白。请提供解决此问题的解决方案。

Answer 1

您可以使用 AJAX 请求来填充模式弹出窗口的字段 - 调用将返回所需数据项的对象/服务，然后相应地修改 GUI。

看看 JQuery 的 get()功能。为了可用性，最好异步执行此操作。

Here's a decent tutorial提供了一个可能的实现。

HTH