2017-07-27 97 views
-1

我面臨的問題是:爲什麼動態數據保留在TAB1而不是TAB2中,當兩者都具有相同的代碼?tabpanel動態內容沒有顯示

我懷疑這是與面板有關,但我不確定。 感謝您的幫助。

<div class="modal fade in" id="modalReimburseInfo" data-backdrop="static" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true"> 
 
         <div class="modal-dialog modal-lg modal-mid"> 
 
          <div class="modal-content"> 
 
           <div class="modal-header"> 
 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 
 
            <h3 id="H8" runat="server" style="padding-left: 2%" class="modal-title">Reimbursement Details</h3> 
 
           </div> 
 
            <ul class="nav nav-tabs" role="tablist"> 
 
           <li><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Daily</a></li> 
 
           <li><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">Monthly</a></li> 
 
          </ul> 
 
            <asp:UpdatePanel runat="server" ID="upEmpReimburse"> 
 
            <ContentTemplate> 
 
             <!-- Navigation Tabs starts --> 
 
          
 
          <!-- Navigation Tabs ends --> 
 
    
 
             <!-- Tab Panes starts --> 
 
          <div class="tab-content" style="padding-top: 10px"> 
 
           <div role="tabpanel" class="tab-pane active" id="tab1"> 
 
             <div class="modal-body"> 
 
              <div class="form-horizontal" role="form"> 
 
               <div class="form-group"> 
 
                <div class="col-lg-12"> 
 

 
                 <div class="form-horizontal" role="form"> 
 
                  <div class="col-lg-6"> 
 
                   <div class="form-horizontal" role="form"> 
 
                    <div class="form-group"> 
 
                     <label class="col-lg-5 control-label">Name :</label> 
 
                     <div class="col-lg-7"> 
 
                      <label runat="server" id="lblrdName" class="control-label"></label> 
 
                     </div> 
 
                    </div> 
 
                    <div class="form-group"> 
 
                     <label class="col-lg-5 control-label">Department :</label> 
 
                     <div class="col-lg-7"> 
 
                      <label runat="server" id="lblrdDept" class="control-label"></label> 
 
                     </div> 
 
                    </div> 
 
                     
 
                   </div> 
 
                  </div> 
 
                 </div> 
 
                </div> 
 
                <div class="col-lg-12"> 
 

 
                 <div class="form-horizontal" role="form"> 
 
                  <asp:GridView ID="grdRbInfo" runat="server" AutoGenerateColumns="False" CssClass="tablesorter table table-bordered table-hover table-striped smallTable tblCtr" 
 
                   OnRowCreated="grdRbInfo_RowCreated" > 
 
                   <Columns> 
 
                    <asp:TemplateField HeaderText="Date Range"> 
 
                     <ItemTemplate> 
 
                      <%#Eval("DateRange")%> 
 
                     </ItemTemplate> 
 
                    </asp:TemplateField> 
 
                    <asp:TemplateField HeaderText="Amount ($)"> 
 
                     <ItemTemplate> 
 
                      <%#Eval("Amt")%> 
 
                     </ItemTemplate> 
 
                    </asp:TemplateField> 
 
                   </Columns> 
 
                  </asp:GridView> 
 
                  <a onclick="PrintReimburseTab1();" class="btn btn-primary nextBtn pull-left btnCtrs lnkbtn" style="padding: 6px 20px 6px 20px;" ><i class="fa fa-print"></i></a> 
 
                 </div> 
 
                </div> 
 
               </div> 
 
          
 
               </div> 
 
               </div> 
 

 
              </div> 
 
    
 
                 
 
           <div role="tabpanel" class="tab-pane" id="tab2"> 
 
            <div class="modal-body"> 
 
              <div class="form-horizontal" role="form"> 
 
               <div class="form-group"> 
 
                <div class="col-lg-12"> 
 

 
                 <div class="form-horizontal" role="form"> 
 
                  <div class="col-lg-6"> 
 
                   <div class="form-horizontal" role="form"> 
 
                    <div class="form-group"> 
 
                     <label class="col-lg-5 control-label">Name :</label> 
 
                     <div class="col-lg-7"> 
 
                      <label runat="server" id="Label1" class="control-label"></label> 
 
                     </div> 
 
                    </div> 
 
                    <div class="form-group"> 
 
                     <label class="col-lg-5 control-label">Department :</label> 
 
                     <div class="col-lg-7"> 
 
                      <label runat="server" id="Label2" class="control-label"></label> 
 
                     </div> 
 
                    </div> 
 
                    
 
                   </div> 
 
                  </div> 
 
                 </div> 
 
                </div> 
 
                <div class="col-lg-12"> 
 

 
                 <div class="form-horizontal" role="form"> 
 
                  <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="tablesorter table table-bordered table-hover table-striped smallTable tblCtr" 
 
                   OnRowCreated="grdRbInfo_RowCreated" > 
 
                   <Columns> 
 
                    <asp:TemplateField HeaderText="Date Range"> 
 
                     <ItemTemplate> 
 
                      <%#Eval("DateRange")%> 
 
                     </ItemTemplate> 
 
                    </asp:TemplateField> 
 
                    <asp:TemplateField HeaderText="Amount ($)"> 
 
                     <ItemTemplate> 
 
                      <%#Eval("Amt")%> 
 
                     </ItemTemplate> 
 
                    </asp:TemplateField> 
 
                   </Columns> 
 
                  </asp:GridView> 
 
                  <a onclick="PrintReimburseTab1();" class="btn btn-primary nextBtn pull-left btnCtrs lnkbtn" style="padding: 6px 20px 6px 20px;" ><i class="fa fa-print"></i></a> 
 
                 </div> 
 
                </div> 
 
               </div> 
 
          
 
               </div> 
 
        
 
              </div> 
 

 
            </div> 
 
           </div> 
 

 
          <!-- Tab Panes ends --> 
 
           
 
            </ContentTemplate> 
 
           </asp:UpdatePanel> 
 
          </div> 
 
         </div> 
 
        </div>

不知道什麼是影響這一結果的可能因素。 我添加了標籤插件基礎和例子,我在網上看到。 切換標籤中的內容是正確的,但數據不顯示在第二個選項卡中。一切運行良好的tab1,但不是在tab2

+0

你是什麼意思「留在code1而不是code2」?如果你打算把一些數據放到''div id =「tab2」>'那麼class'active'將使得'tab1'和'tab2'之間的區別。如果這不是你的問題,請詳細說明。 – minhhn2910

+0

什麼代碼控制標籤?這是像自舉嗎?或者你自己的代碼?請澄清正在使用的確切解決方案。就其本身而言,這個HTML什麼也不做,只是靜態的。 「留在代碼1而不是代碼2」的含義並不清楚。什麼數據?在什麼情況下?描述重現問題所需的步驟,以及您所面對的確切問題。可悲的是,我們不介意讀者,我們也看不到你的屏幕。 – ADyson

+0

好男人@ minhhn2910,我會更新更多的部門版本。多謝你們。 – phan

回答

0

好吧,我發現它的ID是導致錯誤。所有label1,label2我都重新創建並替換爲正確的ID。謝謝