EasyUI - 文章分类 - 半生戎马，共话桑麻、

17-EasyUI尚硅谷 - treegrid（依赖于datagrid）

摘要：类似于tree 效果：增：改：删：实现：数据表： OrgServlet.java： 016_treegrid.jsp 阅读全文

posted @ 2017-08-05 00:10 半生戎马，共话桑麻、阅读(194) 评论(0) 推荐(0)

16-EasyUI尚硅谷 - combotree（依赖于combo和tree）

摘要：这个控件主要用于权限的设置 1. 获取combotree选中的值的id 效果：控制台打印：代码： 2. 调用combotree方法返回tree对象，就可以调用tree中的任何方法效果：控制台打印：代码：阅读全文

posted @ 2017-08-04 18:20 半生戎马，共话桑麻、阅读(190) 评论(0) 推荐(0)

15-EasyUI尚硅谷 - tree（增删改查和后台同步，实际开发中要修改一下细节）

摘要：在前一节的基础上操作：效果：新增修改删除代码： ResourceServlet.java： 014_tree_curd.jsp.java：阅读全文

posted @ 2017-08-03 23:25 半生戎马，共话桑麻、阅读(381) 评论(0) 推荐(0)

14-EasyUI尚硅谷 - tree（拖拽效果和后台同步）

摘要：将任意节点拖拽到任意节点里面，同时改变前台、后台和数据库，数据表同上一节（还有一个参数：point，取值可能是：append，bottom，top，这里暂时不讨论）操作之前：后台： ResourceServlet.java： 013_tree_dataLoad.jsp：操作之后：阅读全文

posted @ 2017-08-03 17:48 半生戎马，共话桑麻、阅读(208) 评论(0) 推荐(0)

13-EasyUI尚硅谷 - tree（加载数据：结合后台）

摘要：效果：数据表：数据：创建POJO：Resource.java 查看jquery-easyui的api，树的数据格式：所以原来的POJO不能满足要求，要另外创建一个VO，字段和树的数据格式要求一致： TreeDTO.java: web.xml： ResourceServlet.java： 01 阅读全文

posted @ 2017-08-03 12:37 半生戎马，共话桑麻、阅读(131) 评论(0) 推荐(0)

12-EasyUI尚硅谷 - tree（基础：特性和部分方法的使用）

摘要：效果：实现：阅读全文

posted @ 2017-08-02 22:03 半生戎马，共话桑麻、阅读(112) 评论(0) 推荐(0)

11-EasyUI尚硅谷-editgrid（可编辑表格）

摘要：和datagrid的实现差不多效果：增：删：改：后台代码和datagrid一样前台代码：011_editgrid.jsp 阅读全文

posted @ 2017-08-01 22:58 半生戎马，共话桑麻、阅读(358) 评论(0) 推荐(0)

10-EasyUI尚硅谷-combogrid+自动搜索功能

摘要：效果：选择下拉框，弹出datagrid列表，选中一条记录，把用户名填充到文本框中，还可以在文本框中输入关键字，根据用户名模糊查询记录实现：前台：后台：同前一节，通过用户名模糊查询结果集返回json字符串阅读全文

posted @ 2017-08-01 12:07 半生戎马，共话桑麻、阅读(626) 评论(0) 推荐(0)

09-EasyUI尚硅谷-combobox-省份城市联动+自动搜索功能

摘要：数据库：数据：实例1：前台：后台： ProvinceServlet.java：效果：下面是根据省份获取城市：前台：后台：效果：自动搜索：类似于angularjs中的双向绑定功能效果：前台：后台： q是固定变量阅读全文

posted @ 2017-07-31 18:18 半生戎马，共话桑麻、阅读(213) 评论(0) 推荐(0)

08-EasyUI尚硅谷-combo

摘要：效果：阅读全文

posted @ 2017-07-31 17:51 半生戎马，共话桑麻、阅读(89) 评论(0) 推荐(0)

07-EasyUI尚硅谷-datagrid的CRUD操作

摘要：增删改查：一、数据库名称：easyui，脚本：二、jar包三、工程结构：各文件： User.java： UserServlet.java： DBHelper.java： JsonUtil.java： commons.js： city_data.json： 007_datagrid_crud. 阅读全文

posted @ 2017-07-31 14:42 半生戎马，共话桑麻、阅读(281) 评论(0) 推荐(0)

重新指定easyui的datagrid的URL（即动态URL）

摘要：有两种方法： 1.ajax的动态URL（URL后面直接跟一个变量即可，这里不写） 2.使用datagrid 这种方式不能通过后面加变量的方式实现，可以使用easyui的datagrid的方法实现：重新指定datagrid的请求方法：$("#userList").datagrid("options" 阅读全文

posted @ 2017-07-29 12:15 半生戎马，共话桑麻、阅读(3424) 评论(0) 推荐(2)

js把一个form表单转换成一个form表单对象

摘要：这是一个form: 目标是把form表单的数据转换成一个js对象，这样方便其他操作阅读全文

posted @ 2017-07-29 12:04 半生戎马，共话桑麻、阅读(1767) 评论(0) 推荐(0)

06-EasyUI尚硅谷-datagrid的columns特性

摘要：需求一：数据库表中sex字段规定，1表示男，2表示女，在页面显示的时候不能显示1和2，要显示男和女【1代表男，2代表女】错误的显示：正确的显示：实现：在列的sex字段上添加formatter属性，列的其他特性： 1、复选框特性 2、符合条件的单元格，改变其颜色（style）实现： 3、当数阅读全文

posted @ 2017-07-27 22:31 半生戎马，共话桑麻、阅读(143) 评论(0) 推荐(0)

05-EasyUI尚硅谷-datagrid

摘要：注：以下代码只用于测试演示，在实际开发中不会使用！ jsp JsonUtil.java: 效果： datagrid的其他属性：如：frozenColumns、striped、nowrap、idField、loadMsg、rownumbers、singleSelect、sortName、sortOr 阅读全文

posted @ 2017-07-27 16:07 半生戎马，共话桑麻、阅读(164) 评论(0) 推荐(0)

04-EasyUI尚硅谷-Layout布局

摘要：这只是基本的布局，可以在其基础上扩展：效果：阅读全文

posted @ 2017-07-27 15:09 半生戎马，共话桑麻、阅读(94) 评论(0) 推荐(0)

03-EasyUI尚硅谷-form表单

摘要：一、表单的基础把表单放入panel中，对个别控件进行自定义校验器（可以加正则等）、控件的数据格式校验 jsp city_data.json：效果：二、表单提交的方式【以下代码只作为测试演示用，实际开发中不能使用！】 1.传统ajax提交 2.定义form自动提交 3.定义form手动提交阅读全文

posted @ 2017-07-26 23:31 半生戎马，共话桑麻、阅读(156) 评论(0) 推荐(0)

02-EasyUI尚硅谷-panel+window+dialog

摘要：1.引入easyui组件 Panel 2.纯html方式效果： 3.html+js方式效果： window html: html+js: 效果：需求：点击按钮打开窗口，点击按钮关闭窗口效果： dialog html+js: 效果：阅读全文

posted @ 2017-07-26 15:09 半生戎马，共话桑麻、阅读(280) 评论(0) 推荐(0)

01-EasyUI尚硅谷-初识EasyUI

摘要：1、在jsp页面（001.jsp）引入easyui的css、js文件（5个） 2、编写js 3、测试除此之外，$.messager还有以下几种方法：阅读全文

posted @ 2017-07-26 00:16 半生戎马，共话桑麻、阅读(205) 评论(0) 推荐(0)

[前端发送ajax, 前端遍历json数据到datagrid列表]

摘要：1. 向后台发送AJAX请求 2. 后台Controller 3. 中间层省略掉, 这是Mapper.xml 4. 结果: 阅读全文

posted @ 2017-06-07 14:26 半生戎马，共话桑麻、阅读(452) 评论(0) 推荐(0)

Hello_Joseph

文章分类 - EasyUI

公告