[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代码

相关文章
|
3月前
|
前端开发
纯CSS实现轮播图
纯CSS实现轮播图
50 0
|
4月前
|
移动开发 前端开发 容器
CSS之我不会
CSS之我不会
|
4月前
|
前端开发
内嵌式CSS
内嵌式CSS。
53 0
|
7月前
|
前端开发 JavaScript
CSS
【6月更文挑战第25天】CSS。
42 0
|
8月前
|
前端开发
CSS总结干货
行内样式表(行内式) 行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. ​ 语法:
|
存储 并行计算 前端开发
CSS Transitions(一)
CSS Transitions(一)
css3简单轮播图
css3简单轮播图
51 0
|
前端开发 Android开发
利用CSS实现轮播图效果
媒体查询(Media Query)是CSS3新语法。 使用@media查询,可以针对不同的媒体类型定义不同的样式 @media可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机,平板等设备都用得到媒体查询
90 0
|
前端开发
初识css
初识css
124 0

相关课程

更多

相关实验场景

更多