0
点赞
收藏
分享

微信扫一扫

【EasyUI学习-3】Easyui tabs入门实践

作者:ssslinppp      

1. 摘要

一般我们在设计程序主框架的时候,当点击(子)菜单时,希望相应界面都在tabs页中显示;

在显示的时候,如果之前打开过该界面,则希望重新选中对应的tab页,并刷新;

如果之前没有打开对应的tab页,则创建一个新的tab页;

如下图所示:


【EasyUI学习-3】Easyui tabs入门实践_ico


【EasyUI学习-3】Easyui tabs入门实践_easyui tabs_02【EasyUI学习-3】Easyui tabs入门实践_ico_03



2. jsp界面

【EasyUI学习-3】Easyui tabs入门实践_tabs_04

【EasyUI学习-3】Easyui tabs入门实践_easyui_05



3. 二级菜单


二级菜单:

【EasyUI学习-3】Easyui tabs入门实践_前端学习_06


【EasyUI学习-3】Easyui tabs入门实践_tabs_07


【EasyUI学习-3】Easyui tabs入门实践_easyui tabs_08


2级菜单是通过拼接HTML语言完成的,拼接后的代码形如:

【EasyUI学习-3】Easyui tabs入门实践_easyui tabs_09




4. tabs

【EasyUI学习-3】Easyui tabs入门实践_easyui tabs_10


【EasyUI学习-3】Easyui tabs入门实践_ico_11

运行: ​​http://localhost:8080/MainFrameTest/index.action​​ 


举报

相关推荐

0 条评论