Gridview里面的手风琴 [英] Gridview inside accordian

问题描述

Iam试图在手风琴里面显示一个gridview。但它不能正常工作。手风琴工作正常，除了gridview.I搜索并试验了我的代码，但它是不工作。请查看这段代码并帮助进行必要的更改。



手风琴的jquery部分： -

 $（ ＃accordion> li> div）。click（function（）{
 
  if （ false  = = $（ this ）。next（）。 （ ' ：visible'））{
 $（' ＃accordion ul'）。slideUp（ 300 ）; 
} 
 $（ this ）。next（）。slideToggle（ 300 ）; 
}）; 

手风琴的aspx部分，带有gridview

 <   ul     id   =  accordion >  
 <   li  >  
 <   div  >  
消耗（kWH）<   / div  >  
 <   ul  >  
 <   asp：GridView     ID   = 消费网格    runat   = 服务器    AutoGenerateColumns   =  False    AllowSorting   =  True  
   
                                                       OnSorting   =  GridViewSorting    OnRowDataBound   =  GridView1RowDataBound >  
 <  列 >  
 <   asp：BoundField     DataField   =  DEPOSIT_DATE < span class =code-attribute>   HeaderText   = 日期    /  > ;  
 <   asp：BoundField     DataField   =  CURRENT_BALANCE     HeaderText   = < span class =code-keyword> BalanceAmount    /  >  
 <   /列 >  
 <   / asp：GridView  >  
 <   / ul  >  
 <   / li  >  
 <   li  >  
 <   div  >  
消息<   / div  >  
 <   ul  < span class =code-keyword>>  
 <   asp：GridView     ID   =  ConsumerGrid    runat   = 服务器    AutoGenerateColumns   =  False    AllowSorting   =  True  
   
                                                       OnSorting   =  GridViewSorting < span class =code-attribute>   OnRowDataBound   =  GridView1RowDataBound >  
 <  列 >  
 <   asp：BoundField     DataField   =   WARNING_DATE    HeaderText   = 日期    /  >  
 <   asp：BoundField     DataField   =  WARNING_MESSAGE    HeaderText   = 警告    /  >  
 <   /列 >  
 <   / asp：GridView  >  
 <   / ul  >  
 <   / li  >  
 <   / ul  >  

In c＃页面我已经完成了gridview的代码，我没有在这里复制它，因为gridview在没有手风琴的情况下工作正常。请查看代码并提出必要的修改。

解方案

（<跨度类= 代码串> <跨度类= 代码串>＃手风琴> li> div）。click（function（）{

if （ false ==

（ this ）。next（）。 （' ：visible'））{

（' ＃accordion ul'）。slideUp（ 300 ）;
}

Hi,
Iam trying to display a gridview inside an accordion.But it is not working.The accordion is working fine except with the gridview.I searched and experimented something with my code but it is not working.Please review this piece of code and help to make necessary changes.

jquery part for accordion:-

$("#accordion > li > div").click(function () {

    if (false == $(this).next().is(':visible')) {
        $('#accordion ul').slideUp(300);
    }
    $(this).next().slideToggle(300);
});

aspx part for accordion,with gridview

<ul id="accordion">
              <li>
                  <div>
                      Consumption(kWH)</div>
                  <ul>
                      <asp:GridView ID="ConsumptionGrid" runat="server" AutoGenerateColumns="False" AllowSorting="True"

                          OnSorting="GridViewSorting" OnRowDataBound="GridView1RowDataBound">
                          <Columns>
                              <asp:BoundField DataField="DEPOSIT_DATE" HeaderText="Date" />
                              <asp:BoundField DataField="CURRENT_BALANCE" HeaderText="BalanceAmount" />
                          </Columns>
                      </asp:GridView>
                  </ul>
              </li>
              <li>
                  <div>
                      Messages</div>
                  <ul>
                      <asp:GridView ID="ConsumerGrid" runat="server" AutoGenerateColumns="False" AllowSorting="True"

                          OnSorting="GridViewSorting" OnRowDataBound="GridView1RowDataBound">
                          <Columns>
                              <asp:BoundField DataField="WARNING_DATE" HeaderText="Date" />
                              <asp:BoundField DataField="WARNING_MESSAGE" HeaderText=" Warnings" />
                          </Columns>
                      </asp:GridView>
                  </ul>
              </li>
          </ul>

In the c# page I have done code for gridview,iam not copying it here because the gridview is working fine without the accordion.Please review the code and suggest necessary changes.

解决方案

("#accordion > li > div").click(function () { if (false ==

(this).next().is(':visible')) {

('#accordion ul').slideUp(300); }

这篇关于Gridview里面的手风琴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！