BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

1. 系统主页选项卡菜单强化
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
1、 使用 jQuery Easyui 提供 menu 菜单
2、 在选项卡右键显示菜单
Tabs 选项卡面板
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

右键阻止浏览器默认菜单显示

BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

3、 对菜单项添加图标 通过 iconCls 属性指定图标样式所有图标有 icon.css 文件控制的
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

作业:完成关闭当前窗口、关闭其它窗口、关闭全部窗口 代码实现
2. 下拉菜单 menubutton的使用
1、 在页面提供超链接 ,设置 class=”easyui-menubutton”

BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

2、编写子菜单 div 元素

BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
3、 设置下拉菜单超链接 menu 属性,指向下拉菜单 div 的 id

3. 消息窗口 messager的使用
3.1 . 警告窗口
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

3.2 . 确认窗口

BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

3.3 . 输入窗口

BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

3.4 . 右下角窗口
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

3.5 . 进度条窗口
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解
BOS v2.0后台管理系统 JQuery Easyui 相关知识讲解

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章