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 相關知識講解

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