EasyUI框架中有一些常用的控件如面板、表格、表单、下拉框、下拉树和手风琴等。手风琴控件可以选择不同的菜单类型每个切换标签页显示不同的内容,根据不同的参数選择不同的界面
下面利用一个具体的实例来说明,操作如下:
-
第一步双击打开HBuilder编辑工具,在创建的web项目指定目录下创建静态页面accordion.html,洳下图所示:
-
第二步引入EasyUI核心JS和CSS文件,并引入jQuery核心js注意文件先后顺序,如下图所示:
-
第三步在body内插入Accordion控件,并使用季度作为标题調用手风琴样式,如下图所示:
-
第四步在Accordion的每个子菜单里添加每个季度的月份,利用无序列表展示如下图所示:
-
第五步,在手风琴控件下方添加一个按钮并设置按钮ID和title,以作为不同内容显示如下图所示:
-
第六步,编写获取Accordion控件的索引并预览该静态页面,点击不同嘚标签获取手风琴索引值如下图所示:
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专業人士。