雷林鹏分享:jQuery EasyUI 布局 - 创建折叠面板

  jQuery EasyUI 布局 - 创建折叠面板

  在本教程中,您将会学习到关于 easyui 折叠面板(Accordion)的知识。 折叠面板(Accordion)包含一系列的面板(panel)。 所有面板(panel)的头部(header)都是可见的,但是一次仅仅显示一个面板(panel)的 body 内容。 当用户点击面板(panel)的头部(header)时,该面板(panel)的 body 内容将可见,同时其他面板(panel)的 body 内容将隐藏不可见。

  我们将创建三个面板(panel),第三个面板(panel)包含一个树形菜单。

  

 

  

 

  

Accordion for jQuery

 

  

Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.

 

  

 

  

 

  easyui help you build your web page easily

  

 

  

 

  

 

  

    •  

        Folder1

        

       

        

        •  

            Sub Folder 1

            

           

            

            • File 11

           

            

            • File 12

           

            

            • File 13

           

            

           

            

       

        

        • File 2

       

        

        • File 3

       

        

       

        

 

  

    • File2

 

  

 

  

 

  

 

  下载 jQuery EasyUI 实例

  jeasyui-layout-accordion.zip

  本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

posted @ 2019-05-08 15:21  雷林鹏  阅读(152)  评论(0编辑  收藏  举报