Question

我在模态弹出窗口中有用户控件，在.aspx页面上有一个按钮。按钮单击我必须将Id从aspx页面传递给用户控件。我正在研究Ajax环境....任何人都帮助我

Answer 1

就我而言，我也在使用bootstrap：
创建用户控件作为弹出框，例如UcPopUp.ascx。添加函数来设置从aspx页面传递的参数/对象。

public void SetId (string id) {
 TbId.Text = id;
}

创建javascript文件，例如sample.js

 var sample = {
   openModal: function() {
   $('#ucpopup').show()
   }
 }

在aspx页面中包含javascript，添加bootsrap模式，将你的ascx文件放在模态体中。在此示例中，我使用的是更新面板

<div class="modal-body">
  <asp:ScriptManager runat="server" Id="ScrMng"></asp:ScriptManager>
  <asp:UpdatePanel runat="server">
    <ContentTemplate>
     <uc:UcPopUp ID="PopUp" runat="server" />
    </ContentTemplate>
    <Triggers>
     <asp:AsyncPostBackTrigger ControlID="Button1"/>
    </Triggers>
  </asp:UpdatePanel>
</div>

在button_click（）事件的aspx代码中，将参数/对象发送给用户控件。调用脚本管理器来执行javascript。

protected void Button1_Click(object sender, EventArgs e) {
 UcPopUp.SetId(TbIdAspx.Text)
 ScriptManager.RegisterClientScriptBlock(this, GetType(), "none", "<script>sample.openModal()</script>", false);
}

希望它有所帮助。

使用Ajax将值从页面传递给用户控件

1 个答案: