在跨度点击时从不同的ascx页面调用ascx中的模态

问题描述 投票:1回答:1

我在page1.ascx中有一个模态,需要在来自page2.ascx的跨度点击时调用。我无法使它工作。请帮忙。

Page2.ascx

  <ul class="nav metismenu" id="side-menu">          
            <li id="nav_callback" runat="server">
                <a><i class="fa fa-phone"></i> <span class="nav-label spmodal" onclick="open_request_callback()">Request Callback</span></a>
            </li>
        </ul>  

Page2.ascx(JS函数)

   function open_request_callback() {
            $get("<%=btn_open_request_callback.ClientID %>").click();
        }  

Page2.ascx(asp:按钮点击):

<div class="hidden">   
    <asp:Button ID="btn_open_request_callback" runat="server" OnClick="btn_open_request_callback_Click" />   
</div>

<telerik:RadAjaxManagerProxy ID="ram" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btn_open_request_callback">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="btn_open_request_callback" UpdatePanelRenderMode="Inline"/>
            </UpdatedControls>
        </telerik:AjaxSetting>      
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>  

Page2.ascx(代码背后):

  protected void btn_open_request_callback_Click(object sender, EventArgs e)
        {
            request_callback callback = new request_callback();
            callback.open_callback_model();            
        }

Page1.ascx(代码隐藏): - 不调用Javascript函数

  public void open_callback_model()
        {
            ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "open_callback_modal", "open_callback_modal();", true);
        }

Page1.ascx(JS函数)

   function open_callback_modal() {
             alert('You clicked the button!')
             $get("btn_open_callback").click();
        }

Page1.ascx(跨度点击):

   <span id="btn_open_callback" data-toggle="modal" data-target="#mdl_request_callback"></span>  
javascript c# ascx
1个回答
0
投票

需要注册控制:

<%@ Register Src="~/controls/request_callback.ascx" TagPrefix="uc1" TagName="request_callback" %>   
<uc1:request_callback runat="server" id="request_callback" />  
© www.soinside.com 2019 - 2024. All rights reserved.