EasyUI - 随笔分类 - csnmd

EasyUI实现工地领款单项目

摘要：环境搭建引入jar、配置Spring MVC、web.xml、日志等建表自动生成MyBatis相关文件 mybatis-generator-core-1.3.2.jar 1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE generator 阅读全文

posted @ 2017-01-04 19:29 csnmd 阅读(205) 评论(0) 推荐(0)

数据表格 - DataGrid - 行编辑

摘要：行编辑一般用于单行数据的增删改，如果不用行编辑实现的话，对于表单数据量不大的情况，可以使用弹窗（Dialog），如果数据量比较大，也就是需要操作的数据比较多的时候，可以新开一个tab页。新增/编辑调用DataGrid的appendRow或insertRow，appendRow在当前页最后一行新增阅读全文

posted @ 2017-01-03 21:52 csnmd 阅读(3405) 评论(0) 推荐(0)

数据表格 - DataGrid - 查询

摘要：toolbar头部工具栏 toolbar属性，用于设置头部工具栏，效果如下：但是查询其实不应该做在toolbar上，因为toolbar只能添加按钮，而查询是需要查询提交的有两种方式 1、在DataGrid组件的上方建立一个<div>,提供一个表单，用于发送查询参数 2、重写toolbar 实现查阅读全文

posted @ 2016-12-31 23:54 csnmd 阅读(2855) 评论(0) 推荐(0)

数据表格 - DataGrid - 字段排序

摘要：设置默认排序字段阅读全文

posted @ 2016-12-31 13:26 csnmd 阅读(2881) 评论(0) 推荐(0)

数据表格 - DataGrid - 列表显示

摘要：<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %><% String homePage = request.getContextPath();%><script type="te 阅读全文

posted @ 2016-12-31 13:16 csnmd 阅读(1703) 评论(0) 推荐(0)

布局 - layout

摘要：示例但用JS直接创建这种布局没什么用，一般都需要在添加的布局中使用href属性，添加其他页面作为本布局布局总共有5块面板，但并不全是必须的，只有center是必须的，其他几块都可以省略 layout布局支持嵌套阅读全文

posted @ 2016-12-31 11:48 csnmd 阅读(419) 评论(0) 推荐(0)

表单 - Form - 无刷新提交原理

摘要：为什么Form组件的表单提交可以做到无刷新？ EasyUI在提交的时候，将表单作为一个隐藏的iframe进行的提交，并不是我们看到的那个表单进行的提交并且那个iframe使用了绝对定位，保证页面上不可见那么Form组件提交和Ajax提交怎么选择呢？个人觉得大多数时候是差不多的，主要区别在于Fo 阅读全文

posted @ 2016-12-30 23:41 csnmd 阅读(525) 评论(0) 推荐(0)

表单 - Validatebox - 表单参数校验

摘要：$("input[name='username']").validatebox({ required: true,//必填 validType:'email'//要求用户名必须是一个合法的邮箱地址})validType是可以自定义的，比如我要实现一个复杂逻辑，特别涉及到了多个表单中的数据值的时候，就需要自定义详见官网，还是蛮简单的在使用Form组件进行表单提交的时候，如果校验组件... 阅读全文

posted @ 2016-12-30 23:37 csnmd 阅读(369) 评论(0) 推荐(1)

表单 - Form - EasyUI提供的表单异步提交

摘要：方案一被提交的表单设置一个需要提交的表单方案二方案一是先在外部设置好表单提交的信息，然后在合适的地方执行提交动作方案二是设置与提交在同一个地方，这里就不做演示了除了可以设置success的回调方法外，还可以设置onSubmit的回调方法，用于执行一些提交前的前置校验等操作，如果返回fal 阅读全文

posted @ 2016-12-30 23:16 csnmd 阅读(2677) 评论(0) 推荐(0)

窗口 - dialog - 与后端交互

摘要：与后端交互，一般需要提交表单数据，所以，这次渲染得dialog其实是一个<form> 那么如何真实的与后端进行交互呢？第一种：Ajax 第二种：EasyUI的Form表单组件见Form组件的使用阅读全文

posted @ 2016-12-30 21:30 csnmd 阅读(947) 评论(0) 推荐(0)

布局 - panel

摘要：panel一般作为其他组件的容器使用很多组件都继承自panel 对于面板中的内容，支持异步从后台加载，当然，作为纯粹的面板，一般不会用到这个，但他的子类对于这个功能还是蛮实用的阅读全文

posted @ 2016-12-29 23:19 csnmd 阅读(680) 评论(0) 推荐(0)

窗口 - dialog - 概述与基本使用

摘要：什么是dialog 对话框是一种特殊的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。默认情况下，对话框（dialog）只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具（比如：可折叠 collapsible、可最小化 minimizable、可最大化 maximizable，阅读全文

posted @ 2016-12-29 21:49 csnmd 阅读(1250) 评论(0) 推荐(0)

搭建一个Web应用

摘要：因为EasyUI会涉及到与后台数据的交互，所以使用Spring MVC作为后台，搭建一个完整的Web环境使用gradle作为构建工具 build.gradle 1 group 'org.zln.lkd' 2 version '1.0-SNAPSHOT' 3 4 apply plugin: 'jet 阅读全文

posted @ 2016-12-27 11:17 csnmd 阅读(458) 评论(0) 推荐(0)

使用EasyUI要引入哪些文件

摘要：如果需要使用其他的EasyUI插件，就还需要引入相应的其他js或css文件阅读全文

posted @ 2016-12-27 09:09 csnmd 阅读(14390) 评论(1) 推荐(2)

EasyUI概述

摘要：EasyUI是基于jQuery的一套UI框架，主要应用场景是后台管理系统的UI开发。其提供了以下几个模块的插件 1、布局 2、菜单与按钮 3、表单 4、窗口可以让开发人员，特别是后端开发人员，在不精通前端的情况下，也能方便的进行开发。 EasyUI的应用模式有两种 1、标签法：在标签上描述 2、阅读全文

posted @ 2016-12-27 09:06 csnmd 阅读(450) 评论(0) 推荐(0)

KoKo

随笔分类 - EasyUI

公告