关注
分享
jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
Roger_CoderLife
项目开发的六个阶段：1.充满热情2.醒悟3.痛苦4.找出罪魁祸首5.惩罚无辜6.褒奖闲人
展开
-
JQuery EasyUI(56)
第三十九章：后台管理界面--管理员管理[4]学习要点：前端新增管理 服务器端新增翻译 2020-05-15 13:19:34 · 193 阅读 · 0 评论 -
JQuery EasyUI(55)
第三十九章：后台管理界面--管理员管理[3]学习要点：修改管理员//manager.php<?php session_start(); if(!isset($_SESSION['admin'])){ header('location:login.php'); }?> <table id="maneger"></table><div id="manager_...翻译 2020-05-14 08:29:34 · 176 阅读 · 0 评论 -
JQuery EasyUI(54)
第三十九章：后台管理界面--管理员管理[2]学习要点：前端新增管理 服务器端新增<!-- admin.css -->.logo{ width:180px; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold; float:left; color:...翻译 2020-05-13 11:51:44 · 144 阅读 · 0 评论 -
JQuery EasyUI(53)
第三十九章：后台管理界面--管理员管理[1]学习要点：HTML部分 JQuery部分 PHP部分//admin.php<?php session_start(); if(!isset($_SESSION['admin'])){ header(location:login.php); } ?>//manager.php<?php session_star...翻译 2020-05-12 11:02:48 · 209 阅读 · 0 评论 -
JQuery EasyUI(52)
第三十九章：后台管理界面--导航栏设计学习要点：退出登陆 导航栏设计<!DOCTYPE html><html> <head> <title>JQuery Easy UI</title> <meta charset="utf-8"/> <...翻译 2020-04-28 11:46:24 · 207 阅读 · 0 评论 -
JQuery EasyUI(51)
第三十九章：后台管理界面--管理页设计学习要点：登陆验证 管理页设计一、登陆验证：首先，创建一个数据库：easyui其次，创建一个表：easyui-admin然后，创建三个字段，id（自动编号）、manager（管理员账号）、password（管理员密码）、create（创建时间）<!DOCTYPE html>...翻译 2020-04-16 08:09:28 · 356 阅读 · 0 评论 -
JQuery EasyUI(50)
第三十九章：后台管理界面--登陆设计学习要点：HTML部分 CSS部分 JQuery部分一、HTML部分<!DOCTYPE html><html> <head> <title>JQuery Easy UI</title> <meta charset...翻译 2020-04-10 11:15:54 · 148 阅读 · 0 评论 -
JQuery EasyUI(49)
第三十八章： TreeGrid（树型表格）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：//建立一个JSON文件//class加载方式<head> <style> .textbox{ height:200px; marg...翻译 2020-04-08 08:12:52 · 197 阅读 · 0 评论 -
JQuery EasyUI(48)
第三十七章：ComboTree（树型下拉框）组件学习要点：加载方式 属性列表 方法列表一、加载方式：//class加载方式：<head> <style> .textbox{ height:200px; margin:0; paddi...翻译 2020-04-07 09:52:59 · 169 阅读 · 0 评论 -
JQuery EasyUI(47)
第三十六章：Tree（数）组件【4】学习要点：方法列表一、方法列表：Tree方法 方法名 参数 说明 options none 返回树控件属性。 loadData data 读取树控件属性。 getNOde target 获取指定节点对象。 getData targ...翻译 2020-04-03 10:01:08 · 214 阅读 · 0 评论 -
JQuery EasyUI(46)
第三十六章：Tree（数）组件【3】学习要点：事件列表一、事件列表：很多事件的回调函数都包含“node”参数，其具备以下属性：属性名 说明 id 绑定节点的标识值。 text 显示节点的文本。 iconCls 显示的节点图标CSS类ID。 checked 该节点是否被选中。 state...翻译 2020-04-02 09:37:16 · 188 阅读 · 0 评论 -
JQuery EasyUI(45)
第三十六章：Tree（数）组件【2】学习要点：异步加载一、异步加载： 如果想从数据库里获得导航内容，那么就必须实现一张父类子类的无限极分类表。主要有id（编号）、text（名称）、state（状态）、tid（类别）。PS：在这里点击目录时，不需要通过触发事件来完成异步加载数据。因为它内部已经实现了这个事件。 默认情况下...翻译 2020-04-01 11:07:06 · 134 阅读 · 0 评论 -
JQuery EasyUI(44)
第三十六章：Tree（数）组件【1】学习要点：加载方式 属性列表一、加载方式1.class加载方式：<head> <style> .textbox{ height:200px; margin:0; padding:0 2px; ...翻译 2020-03-31 09:54:37 · 146 阅读 · 0 评论 -
JQuery EasyUI(43)
第三十五章：PropertyGird（属性表格）组件学习要点：加载方式 属性列表 方法列表一、加载方式1.class加载方式：<head> <style> .textbox{ height:200px; margin:0; pa...翻译 2020-03-30 10:14:48 · 196 阅读 · 0 评论 -
JQuery EasyUI(42)
第三十四章：ComboBoxGird（数据表格下拉框）组件学习要点：加载方式 属性列表 方法列表一、加载方式1.class加载方式：<head> <style> .textbox{ height:200px; margin:0; ...翻译 2020-03-27 09:22:50 · 182 阅读 · 0 评论 -
JQuery EasyUI(41)
第三十三章：ComboBox（下拉列表框）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式1.class加载方式：<head> <style> .textbox{ height:200px; margin:0; ...翻译 2020-03-26 08:15:51 · 202 阅读 · 0 评论 -
JQuery EasyUI(40)
第三十二章： DataGrid（数据表格）组件[9]学习要点：剩下的方法和事件一、剩下的方法和事件DataGrid列事件 事件名 参数 说明 onLoadSuccess data 在数据加载成功的时候触发。 onLoadError none 在载入远程数据产生错误的时候触发。 onB...翻译 2020-03-25 08:41:01 · 247 阅读 · 0 评论 -
JQuery EasyUI(39)
第三十二章： DataGrid（数据表格）组件[8]学习要点：其他功能一、其他功能DataGrid属性 属性名 值 说明 fitColumns boolean 缩小列的大小，以适应网络的宽度，防止水平滚动，默认值为false。 frozenColumns array 同列属性，但是些列将...翻译 2020-03-24 09:11:26 · 172 阅读 · 0 评论 -
JQuery EasyUI(38)
第三十二章： DataGrid（数据表格）组件[7]学习要点：后台交互一、后台交互DataGrid方法 属性名 值 说明 load param 加载和显示第一页的所有行，即涮新当前页。 loading none 显示载入状态 loaded none 隐藏载入状态 un...翻译 2020-03-23 09:29:11 · 195 阅读 · 0 评论 -
JQuery EasyUI(37)
第三十二章： DataGrid（数据表格）组件[6]学习要点：修改删除功能一、修改删除功能列属性，在columns里设置的属性 属性名 值 说明 checkbox boolean 如果为true，则显示复选框，该复选框列固定宽度。 DataGrid方法 属性名 值 说明 get...翻译 2020-03-20 08:16:56 · 141 阅读 · 0 评论 -
JQuery EasyUI(35)
第三十二章： DataGrid（数据表格）组件[4]学习要点：查询功能一、查询功能DataGrid属性，扩展自Panel面板 属性名 值 说明 toolbar Array，selector 顶部工具栏的DataGrid面板，可能的值：1.一个数组，每个工具属性都和linkbutton一样。2.选择器指定...翻译 2020-03-18 09:03:22 · 205 阅读 · 1 评论 -
JQuery EasyUI(36)
第三十二章： DataGrid（数据表格）组件[5]学习要点：新增功能一、新增功能DataGrid属性，扩展自Panel面板 属性名 值 说明 editors object 定义在编辑行的时候使用的编辑器。 列属性，在 columns里设置的属性 属性名 值 说明 editor...翻译 2020-03-19 08:36:03 · 180 阅读 · 0 评论 -
JQuery EasyUI(34)
第三十二章： DataGrid（数据表格）组件[3]学习要点：样式设置一、样式设置DataGrid属性，扩展自Panel面板 属性名 值 说明 striped boolean 是否显示斑马线效果，默认值为false。 nowrap boolean 是否在一行显示所有数据。默认为true。...翻译 2020-03-16 10:13:36 · 161 阅读 · 0 评论 -
JQuery EasyUI(33)
第三十二章： DataGrid（数据表格）组件[2]学习要点：排序功能一、排序功能DataGrid属性，扩展自Panel面板 属性名 值 说明 sortName string 设置哪些列可以进行排序。默认值null。 sortOrder string 设置列排序的顺序，ASC和DESC，...翻译 2020-03-13 08:24:35 · 190 阅读 · 0 评论 -
JQuery EasyUI(32)
第三十二章： DataGrid（数据表格）组件[1]学习要点：加载方式 分页功能一、加载方式：DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识，它是轻量级的且功能丰富。1.class加载方式<body&g...翻译 2020-03-12 09:05:03 · 165 阅读 · 0 评论 -
JQuery EasyUI(31)
第三十一章：Form（表单）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：表单组件只能在JS区域设置，首先定义一张表单。<body> <from id="box" action="123.html" method="post"> <div> <...翻译 2020-03-11 10:03:04 · 128 阅读 · 0 评论 -
JQuery EasyUI(30)
第三十章：Slider（滑动条）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：1.class加载方式<body> <input id="box" class="easyui-slider" value="" style="width:300px" data-options="sh...翻译 2020-03-10 09:32:41 · 153 阅读 · 0 评论 -
JQuery EasyUI(29)
第二十九章：DateTimeBox（日期时间输入框）组件学习要点：加载方式 属性列表 方法列表一、加载方式：1.class加载方式<body> <input id="box" class="easyui-datetimebox"></body>2.JS调用加载<b...翻译 2020-03-09 10:16:00 · 132 阅读 · 0 评论 -
JQuery EasyUI(28)
第二十八章：TimeSpinner（时间微调）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：1.class加载方式<body> <input id="box" class="easyui-timespinner"></body>2.JS调用加载&l...翻译 2020-03-06 13:56:56 · 159 阅读 · 0 评论 -
JQuery EasyUI(27)
第二十七章：NumberSpinner（数字微调）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：1.class加载方式<body> <input id="box" class="easyui-numberspinner"></body>2.JS调用加载...翻译 2020-03-05 10:55:27 · 153 阅读 · 0 评论 -
JQuery EasyUI(26)
第二十六章：Spinner（微调）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：Spinner（微调）组件是其他两款高级微调组件的基础组件，默认情况下无法微调，这个组件不支持class加载方式。<body> <input id="box" value="2"></b...翻译 2020-03-04 09:55:44 · 158 阅读 · 0 评论 -
JQuery EasyUI(24)
第二十四章：Calendar（日历）组件学习要点：加载方式 属性列表 方法列表 方法列表一、加载方式：1.class 加载方式<body> <div id="box" class="easyui-calendar" style="width:200px;height:200px;"&...翻译 2020-03-02 09:33:01 · 184 阅读 · 0 评论 -
JQuery EasyUI(23)
第二十三章：NumberBox（数值输入框）组件学习要点：加载方式 属性列表 方法列表 方法列表一、加载方式：//class加载方式//JS调用加载二、属性列表：NumberBox属性，扩展自ValidateBox属性 属性名 值 说明 disabled boolean ...翻译 2020-02-28 08:16:31 · 111 阅读 · 0 评论 -
JQuery EasyUI(22)
第二十二章：Combo（自定义下拉框）组件学习要点：加载方式 属性列表 方法列表 方法列表一、加载方式：自定义下拉框不能通过标签的方式进行创建。<input id="box">//JS加载调用如果要实现自定义下来选择（图片、文本、按钮均可），需要配合一些代码。二、属性列表：Combo...翻译 2020-02-27 09:12:30 · 211 阅读 · 0 评论 -
JQuery EasyUI(21)
第二十一章：ValidateBox（验证框）组件学习要点：加载方式 属性列表 方法列表 自定义验证一、加载方式：//class 加载方式//JS调用加载二、属性列表：ValidateBox属性 属性名 值 说明 required boolean 定义为必填字段，默认值f...翻译 2020-02-26 16:30:35 · 147 阅读 · 0 评论 -
JQuery EasyUI(19)
第十九章：Pagination（分页）组件学习要点：加载方式 属性列表 事件列表 方法列表一、加载方式：//class 加载方式//JS调用加载二、属性列表：Pagination属性列表 属性名 值 说明 total none 总记录数，在分页控件创建时初始的值。默认值1。...翻译 2020-02-25 08:29:36 · 164 阅读 · 0 评论 -
JQuery EasyUI(25)
第二十五章：Datebox（日期输入框）组件学习要点：加载方式 属性列表 方法列表 方法列表一、加载方式：1.class 加载方式<body> <input class="easyui-datebox"> </body>2.JS调用加载<body> &...翻译 2020-03-03 08:04:10 · 160 阅读 · 0 评论 -
JQuery EasyUI(18)
第十八章：splitButton（分割按钮）组件学习要点：加载方式 属性列表 菜单方法一、加载方式：//class 加载方式//JS调用加载二、属性列表：SplitButton属性列表 属性名 值 说明 plain boolean 为true时显示简易效果，默认为true...翻译 2020-02-24 08:59:16 · 134 阅读 · 0 评论 -
JQuery EasyUI(17)
第十七章：MenuButton（菜单按钮）组件学习要点：加载方式 属性列表 菜单方法一、加载方式：//class 加载方式//JS调用加载二、属性列表：MenuButton属性列表 属性名 值 说明 plain boolean 为true时显示简易效果，默认为false。...翻译 2020-02-21 09:11:10 · 144 阅读 · 0 评论 -
JQuery EasyUI(16)
第十六章：Menu（菜单）组件学习要点：加载方式 菜单项属性 菜单属性 菜单事件 菜单方法一、加载方式：菜单组件通常用于快捷菜单，在加载方式上，通过class或JS进行设置为菜单组件。然后，再通过JS事件部分在响应。//class加载方式//JS加载方式二、菜单项属性：菜单项属性 属性名 ...翻译 2020-02-20 08:21:37 · 148 阅读 · 0 评论