📌  相关文章
📜  Framework7-手风琴

📅  最后修改于: 2020-10-25 02:51:27             🧑  作者: Mango

描述

手风琴是一个图形控制元素，显示为堆叠的项目列表。可以扩展或拉伸每个手风琴以显示与该手风琴相关的内容。

可折叠布局

当使用单个单独的可折叠元素时，您需要省略可折叠列表包装元素。

以下是可折叠布局的结构-

以下类在Framework7中用于手风琴-

S.No Classes & Description
1

accordion-list

It is an optional class, which contains a group of accordion items list.
2

accordion-item

It is a required class for single accordion item.
3

accordion-item-toggle

It is a required class used to expand accordion item content.
4

accordion-item-content

It is a required class used for hidden accordion item content.
5

accordion-item-expanded

It is a single expanded accordion item.

手风琴JavaScript API

JavaScript API方法用于以编程方式打开和关闭手风琴。

它包含以下JavaScript API方法-

  • myApp.accordionOpen（item） -用于打开手风琴。

  • myApp.accordionClose（item） -用于关闭手风琴。

  • myApp.accordionToggle（item） -用于切换手风琴。

所有方法都包含名为item的参数，该参数是HTML或可折叠项的字符串元素。

手风琴活动

手风琴包含四个事件，如下表所示：

S.No Event Target & Description
1 open

Accordion item

When you open an animation, this event will get fired.
2 opened

Accordion item

When the opening of an animation is completed, this event will get fired.
3 close

Accordion item

When you close an animation, this event will get fired.
4 closed

Accordion item

When the closing of an animation is completed, this event will get fired.

手风琴列表视图

在手风琴列表视图中，可以使用item-link元素代替手风琴切换。

例

以下示例演示了在Framework7中使用手风琴的方法-


      
      
      Accordion
      
      
   
   
      

         

            

               

                  

                     

                        
 

                        
Accordion

                        
 

                     

                  

                  

                     
List of Programming Lagauges

                     

                        
    
                           
  • 
                              
                                 
    
                                    
    C
    
                                 
    
                                  
                              
    
                                 
    
                                    
    C is a general-purpose, procedural, imperative computer programming language developed in 1972 by Dennis M. Ritchie at the Bell Telephone Laboratories to develop the UNIX operating system. C is the most widely used computer language. It keeps fluctuating at number one scale of popularity along with Java programming language, which is also equally popular and most widely used among modern software programmers.
    
                                 
    
                              
    
                           
    • 
                           
  • 
                              
                                 
    
                                    
    C++
    
                                 
    
                                  
                              
    
                                 
    
                                    
    C++ is a middle-level programming language developed by Bjarne Stroustrup starting in 1979 at Bell Labs. C++ runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX.
                                       This reference will take you through simple and practical approach while learning C++ Programming language.
                                    
    
                                 
    
                              
    
                           
    • 
                           
  • 
                              
                                 
    
                                    
    Java
    
                                 
    
                                  
                              
    
                                 
    
                                    
    Java is a high-level programming language originally developed by Sun Microsystems and released in 1995. Java runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX. This tutorial gives a complete understanding of Java.
                                       This reference will take you through simple and practical approach while learning Java Programming language.
                                    
    
                                 
    
                              
    
                           
    • 
                        

                     

                     
Separate Collapsibles

                     

                        
    
                           
  • 
                              
                                 
    
                                    
    C
    
                                 
    
                                  
                              
    
                                 
    
                                    
    C is a general-purpose, procedural, imperative computer programming language developed in 1972 by Dennis M. Ritchie at the Bell Telephone Laboratories to develop the UNIX operating system. C is the most widely used computer language. It keeps fluctuating at number one scale of popularity along with Java programming language, which is also equally popular and most widely used among modern software programmers.
    
                                 
    
                              
    
                           
    • 
                           
  • 
                              
                                 
    
                                    
    C++
    
                                 
    
                                  
                              
    
                                 
    
                                    
    C++ is a middle-level programming language developed by Bjarne Stroustrup starting in 1979 at Bell Labs. C++ runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX.
                                       This reference will take you through simple and practical approach while learning C++ Programming language.
                                    
    
                                 
    
                              
    
                           
    • 
                           
  • 
                              
                                 
    
                                    
    Java
    
                                 
    
                                  
                              
    
                                 
    
                                    
    Java is a high-level programming language originally developed by Sun Microsystems and released in 1995. Java runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX. This tutorial gives a complete understanding of Java.
                                       This reference will take you through simple and practical approach while learning Java Programming language.
                                    
    
                                 
    
                              
    
                           
    • 
                        

                     

                     
Custom Accordion

                     

                        

                           
+-C

                           

                              
C is a general-purpose, procedural, imperative computer programming language developed in 1972 by Dennis M. Ritchie at the Bell Telephone Laboratories to develop the UNIX operating system. C is the most widely used computer language. It keeps fluctuating at number one scale of popularity along with Java programming language, which is also equally popular and most widely used among modern software programmers.

                           

                        

                        

                           
+-C++

                           

                              
C++ is a middle-level programming language developed by Bjarne Stroustrup starting in 1979 at Bell Labs. C++ runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX.
                                 This reference will take you through simple and practical approach while learning C++ Programming language.
                              

                           

                        

                        

                           
+-Java

                           

                              
Java is a high-level programming language originally developed by Sun Microsystems and released in 1995. Java runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX. This tutorial gives a complete understanding of Java.
                                 This reference will take you through simple and practical approach while learning Java Programming language.

输出

让我们执行以下步骤，看看上面给出的代码如何工作-

  • 将上述给定的HTML代码另存为您的服务器根文件夹中的Accordion.html文件。

  • 以http：//localhost/accordion.html格式打开此HTML文件，并显示如下所示的输出。

  • 该示例提供了可折叠的布局，可以将其扩展以显示与手风琴关联的内容。