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

时间: 2024-10-30 12:57:49

[EasyUI] EasyUI安装的相关文章

轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)_jquery

一.EasyUI树形网格动态加载 动态加载树形网格有助于从服务器上加载部分的行数据,避免加载大型数据的长时间等待.本教程将向您展示如何创建带有动态加载特性的树形网格(TreeGrid). 创建树形网格(TreeGrid) <table title="Products" class="easyui-treegrid" style="width:700px;height:300px" url="treegrid3_getdata.ph

轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)_jquery

一.EasyUI创建基础树形网格 树形网格(TreeGrid)组件从数据网格(DataGrid)继承,但是允许在行之间存在父/子节点关系.许多属性继承至数据网格(DataGrid),可以用在树形网格(TreeGrid)中.为了使用树形网格(TreeGrid),用户必须定义 'treeField' 属性,指明哪个字段作为树节点. 本文将向您展示如何使用树形网格(TreeGrid)组件设置一个文件夹浏览. 创建树形网格(TreeGrid) <table id="test" title

轻松学习jQuery插件EasyUI EasyUI创建CRUD应用_jquery

数据收集并妥善管理数据是网络应用共同的必要.CRUD 允许我们生成页面列表,并编辑数据库记录.本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid. 我们将使用下面的插件:datagrid:向用户展示列表数据.dialog:创建或编辑一条单一的用户信息.form:用于提交表单数据.messager:显示一些操作信息. 一.EasyUI创建CRUD应用步骤 1:准备数据库 我们将使用 MySql 数据库来存储用户信息.创建数据库和 'users' 表. 步

轻松学习jQuery插件EasyUI EasyUI创建树形菜单_jquery

一.EasyUI使用标记创建树形菜单 一个树形菜单(Tree)可以从标记创建.easyui 树形菜单(Tree)也可以定义在 <ul> 元素中.无序列表的 <ul> 元素提供一个基础的树(Tree)结构.每一个 <li> 元素将产生一个树节点,子 <ul> 元素将产生一个父树节点. 创建树形菜单(Tree) <ul class="easyui-tree"> <li> <span>Folder</s

轻松学习jQuery插件EasyUI EasyUI表单验证_jquery

一.EasyUI创建异步提交表单 本文向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form).表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面.我们接收返回数据,并将它显示出来. 创建表单(Form) <div style="padding:3px 2px;border-bottom:1px

轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器_jquery

本文实例讲述了通过 jQuery EasyUI框架创建一个RSS阅读器,分享给大家供大家参考.具体如下: 运行效果截图如下: 我们将使用以下插件:layout:创建应用的用户界面.datagrid:显示 RSS Feed 列表.tree:显示 feed 频道.步骤 1:创建布局(Layout) <body class="easyui-layout"> <div region="north" border="false" clas

轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮_jquery

一.EasyUI创建简单的菜单 菜单(Menu)定义在一些 DIV 标记中,如下所示: <div id="mm" class="easyui-menu" style="width:120px;"> <div onclick="javascript:alert('new')">New</div> <div> <span>Open</span> <div

轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作_jquery

本教程向您展示如何使 HTML 元素可拖动,在本例中,我们将创建三个 DIV 元素然后启用他们的拖动和放置. 首先,我们创建三个<div> 元素: <div id="dd1" class="dd-demo"></div> <div id="dd2" class="dd-demo"></div> <div id="dd3" class=&quo

JQuery EasyUI combobox(下拉列表框)

 下拉列表框 继承 $.fn.combo.defaults. 重写 $.fn.combobox.defaults. 组合框显示一个可编辑的文本框和下拉列表,用户选择一个或多个值.用户可以直接输入文本到顶部的列表,或选择一个或多个当前值列表. 依赖 combo 应用实例 从<select>创建下拉列表框元素与一个预定义的结构. [html] 预览复制print? <select id="cc" class="<a title="EasyUI