zoukankan      html  css  js  c++  java
  • AJAXToolkit_ ModalPopupExtender弹出窗中 使用分页方法

    Asp.net页面

    添加引用AjaxControlToolkit

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxToolkit" %>

       <asp:UpdatePanel ID="UpdatePanelPopUpProducts" runat="server">
                                                                       <ContentTemplate>
                           <asp:TextBox ID="tbCustom" runat="server"></asp:TextBox>
                        
                            </ContentTemplate>
                            </asp:UpdatePanel> 
                                <asp:Button ID="btnCustomSearch" runat="server" Text="pop" OnClick="btnCustomSearch_Click" />
                            <AjaxToolkit:ModalPopupExtender ID="mdlPopupCustom" runat="server"   TargetControlID="btnCustomSearch"
                             PopupControlID="pnlPopupCustom" OkControlID="btnOK" CancelControlID="btnClose" BackgroundCssClass="modalBackground"
                                     />
                    <asp:Panel runat="server" ID="pnlPopupCustom" BackColor="White"  >
                       <asp:UpdatePanel runat="server" ID="UpdatepanelSelectCu">
                            <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="btnOK" EventName="Click" />
                                    <asp:AsyncPostBackTrigger ControlID="btnClose" EventName="Click" />
                                </Triggers>
                            <ContentTemplate>      
                             <asp:UpdatePanel runat="server" ID="Updatepanel1">
                             <ContentTemplate>   
                                <uc1:CustomControl ID="CustomControl1" runat="server"  /><!—-有一分页控件 -->
                                  </ContentTemplate>
                             </asp:UpdatePanel> 
                                <asp:Button ID="btnOK" runat="server" Text="确定" OnClick="btnOK_Click"  UseSubmitBehavior="false"/>  
                                <asp:Button ID="btnClose" runat="server" Text="取消" OnClick="btnClose_Click"  UseSubmitBehavior="false"/> 
                        
                                     </ContentTemplate>
                            </asp:UpdatePanel> 
                            </asp:Panel>

    后台页面.cs

    protected void btnCustomSearch_Click(object sender, EventArgs e)
           {
               //this.mdlPopupCustom.Show();
               //this.pnlPopupCustom.Visible = true;
           }
           protected void btnOK_Click(object sender, EventArgs e)
           {
               this.CustomControl1.GetSelectedCustom();
               string name = ((TypeDataEntity)this.CustomControl1.SelectedCustom).Name;
               ////// this.pcePopup.Commit(name);
               if (!string.IsNullOrEmpty(name))
               {
                   PopupControlExtender.GetProxyForCurrentPopup(this.Page).Commit(name);
                   //this.pcePopup.Commit(name);
                   //PopupControlExtender.GetProxyForCurrentPopup(this).Commit(name);
                   //this.pcePopup.Cancel();
                   //this.pcePopup.Commit(this.tbCustom.Text);
                   //this.mdlPopup.Show();
                   this.tbCustom.Text = name;
                   this.mdlPopupCustom.Hide();
                   //this.pnlPopupCustom.Visible = false;
                   //this.mdlPopupCustom.Hide();
               }
           }
     
           protected void btnClose_Click(object sender, EventArgs e)
           {
               //this.pcePopupCustom.Cancel();
               //this.mdlPopup.Hide();
               //this.pcePopup.Cancel();
               //this.pnlPopupCustom.Visible = false;
               this.mdlPopupCustom.Hide();
           }
     

    在页面中点击按钮弹出选择客户窗体,选择客户后 返回主页面asp:TextBox ID="tbCustom"  中显示选中的客户名称

  • 相关阅读:
    事件修饰符(.passive)
    vue中$nextTick函数(异步dom更新)
    使用ellipsis时的问题和控制文字n行显示(webkit-box方法)
    font-size 设为0 解决行内元素边距问题(空白字符带来的间距问题)
    Vue-eBookReader 学习笔记(阅读进度部分)
    Vue-eBookReader 学习笔记(阅读器解析和渲染部分)
    mysql 免密登录
    ansible 复制文件到本地 localhost
    对象存储测试工具 cosbench
    Mac 下安装 mongodb
  • 原文地址:https://www.cnblogs.com/z_lb/p/2144793.html
Copyright © 2011-2022 走看看