[EasyUI] EasyUI安裝

1.1快速安裝

1、引入“jquery-1.7.2.min.js”

2、引入“jquery.easyui.min.js”

3、引入“themes/default/easyui.css”

1.2系統圖示使用

需要引入themes/icon.css

注意：css都在“themes”這個檔案夾下面找

2.1 layout 布局

把頁面分成上下左右中五塊，使用region 指定方向

引用的是easyui-layout

2.2、tree樹形菜單

1、用ui标簽定義引用的是easyui-tree css

2、也可以用Json格式的配置方式進行配置

 $("#menu_tree").tree({

                lines: true,

                //建構資料

                data: [{

                    text: "添加文章",

                    iconCls: 'icon-add',

                }, {

                    text: "添加分類",

                }, {

                    text: "子產品管理",

                    text: "使用者管理",

                }]

            })

        })

2.3datagrid

1、exists這個方法判斷點選的頁面在tabs是否存在

2、getSelected:得到打開tab對象

3、tab.panel('options').content：得到的是iframe代碼

本文轉蓬萊仙羽51CTO部落格，原文連結：http://blog.51cto.com/dingxiaowei/1366203，如需轉載請自行聯系原作者