[EasyUI] EasyUI安装

简介: 1.1快速安装   1、引入“jquery-1.7.2.min.js” 2、引入“jquery.easyui.min.js” 3、引入“themes/default/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代码

相关文章
|
JavaScript 前端开发
01EasyUI - EasyUI简介
01EasyUI - EasyUI简介
98 0
|
JSON 数据库 数据格式
EasyUI树形菜单的使用
EasyUI树形菜单的使用
EasyUI树形菜单的使用
|
前端开发 测试技术
Easyui 修改|新增jquery-easyui icon图标
Easyui 修改|新增jquery-easyui icon图标
128 0
|
移动开发 开发框架 JavaScript
EasyUI与EXTjs有什么区别
EasyUI与EXTjs有什么区别
EasyUI与EXTjs有什么区别
|
JavaScript 前端开发
EasyUI之表单验证
当我们开发一个管理类项目的时候,EasyUI是我常用的一个jquery框架,而表单验证显然是我们必须要实现的功能,而使用基于EasyUI的验证功能就比较简便了,本文来介绍下具体的用法
EasyUI之表单验证
|
前端开发 JavaScript 程序员
easyui(一) 初始easyui
分享使我快乐。哈哈~
224 0
|
前端开发 Web App开发 索引
【easyui】关于easyui Datagrid一些样式记录
此篇文章主要记录在使用datagrid中常见的修改样式方式以及样式效果配图!!!!  一丶存在选中框的时候标题栏合并显示序号字段。       代码展示:                    1 onLoadSuccess: function (data) { 2 ...
2091 0
|
前端开发 数据格式 JSON