WEB - jQuery EasyUI
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 · 202 阅读 · 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 · 187 阅读 · 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 · 158 阅读 · 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 · 223 阅读 · 0 评论 -
JQuery EasyUI(52)
第三十九章:后台管理界面--导航栏设计学习要点:退出登陆 导航栏设计<!DOCTYPE html><html> <head> <title>JQuery Easy UI</title> <meta charset="utf-8"/> <...翻译 2020-04-28 11:46:24 · 237 阅读 · 0 评论 -
JQuery EasyUI(51)
第三十九章:后台管理界面--管理页设计学习要点:登陆验证 管理页设计一、登陆验证:首先,创建一个数据库:easyui其次,创建一个表:easyui-admin然后,创建三个字段,id(自动编号)、manager(管理员账号)、password(管理员密码)、create(创建时间)<!DOCTYPE html>...翻译 2020-04-16 08:09:28 · 368 阅读 · 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 · 156 阅读 · 0 评论 -
JQuery EasyUI(49)
第三十八章: TreeGrid(树型表格)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式://建立一个JSON文件//class加载方式<head> <style> .textbox{ height:200px; marg...翻译 2020-04-08 08:12:52 · 211 阅读 · 0 评论 -
JQuery EasyUI(48)
第三十七章:ComboTree(树型下拉框)组件学习要点:加载方式 属性列表 方法列表一、加载方式://class加载方式:<head> <style> .textbox{ height:200px; margin:0; paddi...翻译 2020-04-07 09:52:59 · 219 阅读 · 0 评论 -
JQuery EasyUI(47)
第三十六章:Tree(数)组件【4】学习要点:方法列表一、方法列表:Tree方法 方法名 参数 说明 options none 返回树控件属性。 loadData data 读取树控件属性。 getNOde target 获取指定节点对象。 getData targ...翻译 2020-04-03 10:01:08 · 248 阅读 · 0 评论 -
JQuery EasyUI(46)
第三十六章:Tree(数)组件【3】学习要点:事件列表一、事件列表:很多事件的回调函数都包含“node”参数,其具备以下属性:属性名 说明 id 绑定节点的标识值。 text 显示节点的文本。 iconCls 显示的节点图标CSS类ID。 checked 该节点是否被选中。 state...翻译 2020-04-02 09:37:16 · 216 阅读 · 0 评论 -
JQuery EasyUI(45)
第三十六章:Tree(数)组件【2】学习要点:异步加载一、异步加载: 如果想从数据库里获得导航内容,那么就必须实现一张父类子类的无限极分类表。主要有id(编号)、text(名称)、state(状态)、tid(类别)。PS:在这里点击目录时,不需要通过触发事件来完成异步加载数据。因为它内部已经实现了这个事件。 默认情况下...翻译 2020-04-01 11:07:06 · 165 阅读 · 0 评论 -
JQuery EasyUI(44)
第三十六章:Tree(数)组件【1】学习要点:加载方式 属性列表一、加载方式1.class加载方式:<head> <style> .textbox{ height:200px; margin:0; padding:0 2px; ...翻译 2020-03-31 09:54:37 · 173 阅读 · 0 评论 -
JQuery EasyUI(43)
第三十五章:PropertyGird(属性表格)组件学习要点:加载方式 属性列表 方法列表一、加载方式1.class加载方式:<head> <style> .textbox{ height:200px; margin:0; pa...翻译 2020-03-30 10:14:48 · 230 阅读 · 0 评论 -
JQuery EasyUI(42)
第三十四章:ComboBoxGird(数据表格下拉框)组件学习要点:加载方式 属性列表 方法列表一、加载方式1.class加载方式:<head> <style> .textbox{ height:200px; margin:0; ...翻译 2020-03-27 09:22:50 · 213 阅读 · 0 评论 -
JQuery EasyUI(41)
第三十三章:ComboBox(下拉列表框)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式1.class加载方式:<head> <style> .textbox{ height:200px; margin:0; ...翻译 2020-03-26 08:15:51 · 234 阅读 · 0 评论 -
JQuery EasyUI(40)
第三十二章: DataGrid(数据表格)组件[9]学习要点:剩下的方法和事件一、剩下的方法和事件DataGrid列事件 事件名 参数 说明 onLoadSuccess data 在数据加载成功的时候触发。 onLoadError none 在载入远程数据产生错误的时候触发。 onB...翻译 2020-03-25 08:41:01 · 262 阅读 · 0 评论 -
JQuery EasyUI(39)
第三十二章: DataGrid(数据表格)组件[8]学习要点:其他功能一、其他功能DataGrid属性 属性名 值 说明 fitColumns boolean 缩小列的大小,以适应网络的宽度,防止水平滚动,默认值为false。 frozenColumns array 同列属性,但是些列将...翻译 2020-03-24 09:11:26 · 204 阅读 · 0 评论 -
JQuery EasyUI(38)
第三十二章: DataGrid(数据表格)组件[7]学习要点:后台交互一、后台交互DataGrid方法 属性名 值 说明 load param 加载和显示第一页的所有行,即涮新当前页。 loading none 显示载入状态 loaded none 隐藏载入状态 un...翻译 2020-03-23 09:29:11 · 205 阅读 · 0 评论 -
JQuery EasyUI(37)
第三十二章: DataGrid(数据表格)组件[6]学习要点:修改删除功能一、修改删除功能列属性,在columns里设置的属性 属性名 值 说明 checkbox boolean 如果为true,则显示复选框,该复选框列固定宽度。 DataGrid方法 属性名 值 说明 get...翻译 2020-03-20 08:16:56 · 147 阅读 · 0 评论 -
JQuery EasyUI(35)
第三十二章: DataGrid(数据表格)组件[4]学习要点:查询功能一、查询功能DataGrid属性,扩展自Panel面板 属性名 值 说明 toolbar Array,selector 顶部工具栏的DataGrid面板,可能的值:1.一个数组,每个工具属性都和linkbutton一样。2.选择器指定...翻译 2020-03-18 09:03:22 · 232 阅读 · 1 评论 -
JQuery EasyUI(36)
第三十二章: DataGrid(数据表格)组件[5]学习要点:新增功能一、新增功能DataGrid属性,扩展自Panel面板 属性名 值 说明 editors object 定义在编辑行的时候使用的编辑器。 列属性,在 columns里设置的属性 属性名 值 说明 editor...翻译 2020-03-19 08:36:03 · 188 阅读 · 0 评论 -
JQuery EasyUI(34)
第三十二章: DataGrid(数据表格)组件[3]学习要点:样式设置一、样式设置DataGrid属性,扩展自Panel面板 属性名 值 说明 striped boolean 是否显示斑马线效果,默认值为false。 nowrap boolean 是否在一行显示所有数据。默认为true。...翻译 2020-03-16 10:13:36 · 207 阅读 · 0 评论 -
JQuery EasyUI(33)
第三十二章: DataGrid(数据表格)组件[2]学习要点:排序功能一、排序功能DataGrid属性,扩展自Panel面板 属性名 值 说明 sortName string 设置哪些列可以进行排序。默认值null。 sortOrder string 设置列排序的顺序,ASC和DESC,...翻译 2020-03-13 08:24:35 · 195 阅读 · 0 评论 -
JQuery EasyUI(32)
第三十二章: DataGrid(数据表格)组件[1]学习要点:加载方式 分页功能一、加载方式:DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间,并且使开发人员不需要具备特定的知识,它是轻量级的且功能丰富。1.class加载方式<body&g...翻译 2020-03-12 09:05:03 · 177 阅读 · 0 评论 -
JQuery EasyUI(31)
第三十一章:Form(表单)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式:表单组件只能在JS区域设置,首先定义一张表单。<body> <from id="box" action="123.html" method="post"> <div> <...翻译 2020-03-11 10:03:04 · 136 阅读 · 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 · 185 阅读 · 0 评论 -
JQuery EasyUI(29)
第二十九章:DateTimeBox(日期时间输入框)组件学习要点:加载方式 属性列表 方法列表一、加载方式:1.class加载方式<body> <input id="box" class="easyui-datetimebox"></body>2.JS调用加载<b...翻译 2020-03-09 10:16:00 · 161 阅读 · 0 评论 -
JQuery EasyUI(28)
第二十八章:TimeSpinner(时间微调)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式:1.class加载方式<body> <input id="box" class="easyui-timespinner"></body>2.JS调用加载&l...翻译 2020-03-06 13:56:56 · 176 阅读 · 0 评论 -
JQuery EasyUI(27)
第二十七章:NumberSpinner(数字微调)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式:1.class加载方式<body> <input id="box" class="easyui-numberspinner"></body>2.JS调用加载...翻译 2020-03-05 10:55:27 · 189 阅读 · 0 评论 -
JQuery EasyUI(26)
第二十六章:Spinner(微调)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式:Spinner(微调)组件是其他两款高级微调组件的基础组件,默认情况下无法微调,这个组件不支持class加载方式。<body> <input id="box" value="2"></b...翻译 2020-03-04 09:55:44 · 210 阅读 · 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 · 217 阅读 · 0 评论 -
JQuery EasyUI(23)
第二十三章:NumberBox(数值输入框)组件学习要点:加载方式 属性列表 方法列表 方法列表一、加载方式://class加载方式//JS调用加载二、属性列表:NumberBox属性,扩展自ValidateBox属性 属性名 值 说明 disabled boolean ...翻译 2020-02-28 08:16:31 · 123 阅读 · 0 评论 -
JQuery EasyUI(22)
第二十二章:Combo(自定义下拉框)组件学习要点:加载方式 属性列表 方法列表 方法列表一、加载方式:自定义下拉框不能通过标签的方式进行创建。<input id="box">//JS加载调用如果要实现自定义下来选择(图片、文本、按钮均可),需要配合一些代码。二、属性列表:Combo...翻译 2020-02-27 09:12:30 · 239 阅读 · 0 评论 -
JQuery EasyUI(21)
第二十一章:ValidateBox(验证框)组件学习要点:加载方式 属性列表 方法列表 自定义验证一、加载方式://class 加载方式//JS调用加载二、属性列表:ValidateBox属性 属性名 值 说明 required boolean 定义为必填字段,默认值f...翻译 2020-02-26 16:30:35 · 180 阅读 · 0 评论 -
JQuery EasyUI(19)
第十九章:Pagination(分页)组件学习要点:加载方式 属性列表 事件列表 方法列表一、加载方式://class 加载方式//JS调用加载二、属性列表:Pagination属性列表 属性名 值 说明 total none 总记录数,在分页控件创建时初始的值。默认值1。...翻译 2020-02-25 08:29:36 · 191 阅读 · 0 评论 -
JQuery EasyUI(25)
第二十五章:Datebox(日期输入框)组件学习要点:加载方式 属性列表 方法列表 方法列表一、加载方式:1.class 加载方式<body> <input class="easyui-datebox"> </body>2.JS调用加载<body> &...翻译 2020-03-03 08:04:10 · 189 阅读 · 0 评论 -
JQuery EasyUI(18)
第十八章:splitButton(分割按钮)组件学习要点:加载方式 属性列表 菜单方法一、加载方式://class 加载方式//JS调用加载二、属性列表:SplitButton属性列表 属性名 值 说明 plain boolean 为true时显示简易效果,默认为true...翻译 2020-02-24 08:59:16 · 147 阅读 · 0 评论 -
JQuery EasyUI(17)
第十七章:MenuButton(菜单按钮)组件学习要点:加载方式 属性列表 菜单方法一、加载方式://class 加载方式//JS调用加载二、属性列表:MenuButton属性列表 属性名 值 说明 plain boolean 为true时显示简易效果,默认为false。...翻译 2020-02-21 09:11:10 · 151 阅读 · 0 评论 -
JQuery EasyUI(16)
第十六章:Menu(菜单)组件学习要点:加载方式 菜单项属性 菜单属性 菜单事件 菜单方法一、加载方式:菜单组件通常用于快捷菜单,在加载方式上,通过class或JS进行设置为菜单组件。然后,再通过JS事件部分在响应。//class加载方式//JS加载方式二、菜单项属性:菜单项属性 属性名 ...翻译 2020-02-20 08:21:37 · 158 阅读 · 0 评论