2017-02-15 24 views
1

我目前有script manager,update panelcontent template。 在content template之內,我有modal popup及其中的選項卡。將變量值分配給不同的引導程序選項卡

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
     <div id="aboutModalTest" class="modal fade" tabindex="4" role="dialog" aria-hidden="true"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <div> 

    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#add" aria-controls="add" role="tab" data-toggle="tab">Add</a></li> 
    <li role="presentation" ><a href="#confirm" aria-controls="confirm" role="tab" data-toggle="tab">Confirm</a></li> 
    </ul> 

add標籤中,我有一個表格供用戶註冊會員。填寫完表格後,用戶必須前往confirm選項卡驗證輸入。我想要做的是將輸入值分配給confirm選項卡中的只讀控件。

我可以得到關於如何去做的任何指示嗎?

回答

0

我設法使用下面的解決方案來解決這個問題。 我首先通過刪除data-toggle="tab將第二個選項卡設置爲只讀。

<ul id="navtabs" class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#add" aria-controls="add" role="tab" data-toggle="tab">Add</a></li> 
    <li role="presentation" ><a href="#confirm" aria-controls="confirm" role="tab">Confirm</a></li> 
</ul> 

我在第一臺按鈕如下:</body>前在我的aspx底部

<asp:Button ID="btnAdd" runat="server" class="btn btn-primary btn-block btn-lg" Text="Verify Entry" onclick="btnAdd_Click"/> 

,我包括以下內容,並能夠通過可變過。點擊按鈕後,它將傳遞變量值並將焦點放在只讀的第二個選項卡上。

<script> 
     $(function() { 

      $('#btnAdd').click(function (e) { 

       e.preventDefault(); 
       var provider = document.getElementById("ddlNewProvider").value; 

       $('#navtabs a[href="#confirm"]').tab('show'); 


      }) 

     }) 
    </script>