初始easyUI

easyui(一) 初始easyui

中午贪睡,睡到3点多,爬起来赶紧学习,学习是我快乐(自我催眠).哈哈~ --WH 一.什么是easyui? 学习一个东西,最重要的是知道它的定位(是干嘛的,基本的用法是什么,快速入门),其实easyui也非常简单,不要觉得很难. easyui就是一个前端框架,JQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,…

1 easyUI布局 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&quo…

JQuery EasyUI 初始

基于jQuery的用户界面插件集合 1. jQuery easyui提供了一个完整的组件的集合,包括强大的DataGrid,树网格,面板.用户可以使用他们一起,或者只是用一些组件,组合和构建他想要的跨浏览器的网页应用. 2.有两个方法声明的 UI 组件: ♦ 直接在 HTML 声明组件 <div class="easyui-dialog" style="width:400px;height:200px" data-options=" title:'M…

easyui datagrid checkbox复选框取消单击选中事件、初始全选全不选等问题解决

系统业务需要,导入的列表数据默认全部选中,且不可取消选中行.全部店铺优惠券发放过后导入的数据全部清空.如图所示: 一.初始化页面默认全部选中“selectAll”,全部不选中“unselectAll”,写在onLoadSuccess列表加载完回调函数中 onLoadSuccess: function () { $("#datagrid_user").datagrid("selectAll"); //全部选中 $("#datagrid_user")…

疑似easyui本身bug：easyui时间控件问题，试了几个版本都不行

最近发现easyui时间控件的值格式不支持带斜杠的日期(2016/10/31),必须是2016-10-31这类的才能正常使用,否则默认初始化为当前时间 <input id="ReturnDate" name="ReturnDate" value="2016/10/31 0:00:00" class="easyui-datebox"/> 斜杠显示异常:显示的是当前系统日期 <input id="Ret…

Asp.Net MVC4 + Oracle + EasyUI 学习序章

Asp.Net MVC4 + Oracle + EasyUI 序章 -- 新建微软实例本文链接:http://www.cnblogs.com/likeli/p/4233387.html 1. 简介为学习MVC4而写的文章,以项目开发的角度书写.循序渐进,同时也是自己学习的过程,博文编写过程中,我会参考相关专业书籍和网站,尽量编写和描述规范的编码和原理.若是过程中有错误,请各位看官不吝啬指出! 博文的前10篇左右,应该会主要写MVC4的部分关键技术知识点儿,毕竟要先掌握知识点了,才能开发嘛…

EasyUI 页面分页

DAO package com.hanqi.dao; import java.util.ArrayList; import java.util.List; import org.hibernate.Session; import org.hibernate.SessionFactory; import org.hibernate.Transaction; import org.hibernate.boot.registry.StandardServiceRegistryBuilder; impo…

easyui datagrid 编辑模式详解

一,建立编辑器从api得知,扩展一种新的编辑器类型,需要提供以上几个方法.项目中正好需要一个checkbox 类型编辑器,但在easyui中并没提供这样的编辑器,那我们可以通过扩展编辑器来解决,扩展如下按 Ctrl+C 复制代码按 Ctrl+C 复制代码新的编辑扩展好以后,跟系统默认的编辑器使用方式一样: 二 , 获取编辑器 datagrid 通过调用 beginEdit 传入要开始编辑行的对应的索引,该行进入编辑模式.通过 endEdit 或者 cancleEdit结束编辑模式,…

jQuery EasyUI 使用笔记

大家有四次抢票机会.第一次是放票时间之后的30分钟.第二次机会是开车前的15天.第三个机会是开车前的48小时.第四个机会是开车前的24小时. $("#gys_key").combogrid("getValue") $('#dtpDate').datebox("getValue") 1.导入js 2.datagrid重新加载 3.弹出div,打开新页面 4.实现分页 5.双击 6.嵌套子表格 7.javascript刷新页面导入JS,CSS …

JavaScript- jquery easyui 可编辑表格插件 easyui.editgrid

最近项目前端使用 jquery+easyui来做,用了几个月,觉得easyui是一个很不错的开源前端UI框架, 虽然偶尔会遇到一些小问题,但是凭借多年前端开发的实力积累都一一解决了,其中比较典型的就是这个 easyui.editgrid插件了,是基于easyui.datagrid扩展的.其实只用easyui.datarid也能实现类似的功能,但是速度很慢,用户体验极差,所以抛弃了原来easyui.datagrid 中编辑功能的架构自己扩展实现了其可编辑部分,就是现在的easyui.ed…

Easyui datebox 限制时间选择范围

Require Date: <input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser,onSelect:selectStartDate" style="width: 110px" id="StartTime"> To : <input class="easyui-datebox" da…

基于MVC4+EasyUI的Web开发框架经验总结（10）--在Web界面上实现数据的导入和导出

数据的导入导出,在很多系统里面都比较常见,这个导入导出的操作,在Winform里面比较容易实现,我曾经在之前的一篇文章<Winform开发框架之通用数据导入导出操作>介绍了在Winform里面的通用导入导出模块的设计和开发过程,但在Web上我们应该如何实现呢?本文主要介绍利用MVC4+EasyUI的特点,并结合文件上传控件Uploadify 的使用,实现文件上传后马上进行处理并显示,然后确认后把数据写入数据库的过程. 我们知道,Web上对Excel的处理和Winform的有所差异,如果是在We…

基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input 插件显示选择记录. 我在利用jQuery Tags Input 插件之前,一直想找一个合适的J…

easyUI datagrid editor扩展dialog

easyUI datagrid简单使用:着重两点1.editor对象的click事件:2.将dialog窗体内的值填写到当前正编辑的单元格内 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…

解决JQuery EasyUI onLoadSuccess执行两次的问题

今天使用EasyUI的datagrid时发现首次打开页面时onLoadSuccess方法执行了两次.后来发现主要问题是datagrid被初始化了两次.主要原因是一开始html中声明了dg为easyui-datagrid控件. <table align="center" id="dg" class="easyui-datagrid" title="xxx" width="100%" > 而用js又…

jQuery EasyUI教程之datagrid应用（一）

最近一段时间都在做人事系统的项目,主要用到了EasyUI,数据库操作,然后抽点时间整理一下EasyUI的内容. 这里我们就以一个简洁的电话簿软件为基础,具体地说一下datagrid应用吧 datagrid就是一个表格,那我们怎么让数据库中的数据显示在其中呢? 第一步:各种配置这肯定不用说,你要想正常的应用一款软件就需要加载配置,这里我们不做详细说明 : 第二步:配置加载完毕,我们就需要写方法调用数据库来获取数据了, 1.最底层的方法也就是Dao了 ,我们需要获取所有的联系人信息, 2.这里我们定…

基于MVC4+EasyUI的Web开发框架形成之旅--基类控制器CRUD的操作

在上一篇随笔中,我对Web开发框架的总体界面进行了介绍,其中并提到了我的<Web开发框架>的控制器的设计关系,Web开发框架沿用了我的<Winform开发框架>的很多架构设计思路和特点,对Controller进行了封装.使得控制器能够获得很好的继承关系,并能以更少的代码,更高效的开发效率,实现Web项目的开发工作,整个控制器的设计思路如下所示. 从上图的设计里面可以看到,我把主要能通过抽象封装的CRUD方法都放到了BusinessController<B, T>类里面,…

EasyUI中Base(基础)的基本用法

EasyUI中Base(基础)的用法一.Base(基础) 1.parser 解析器 2.easyloader 简单加载 3.draggable 拖动 4.droppable 放置 5.resizable 调整大小 6.pagination 分页 7.searchbox 搜索框 8.progressbar 进度条 9.tooltip 提示框步骤: 1.导入支持easyUI所需的文件使用easyUi里面的插件,先要引入easyUi.css.icon.css.jquery.easyui.min.…

SpringMVC+MyBatis+EasyUI 实现分页查询

user_list.jsp <%@ page import="com.ssm.entity.User" %> <%@ page pageEncoding="UTF-8" import="java.util.List" %> <html> <head> <%@ include file="meta.jsp" %> <meta charset="UTF-8…

easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库"字段,并且在下拉的时候,"全部数据库"一直排在最顶部. 初始化效果如下:…

easyui datagrid分页要点总结

easyui的datagird插件比较好用,也很方便.网上也有很多热的网友贴出了使用代码,但是很少有网友指出在使用过程应该注意的地方,让我实在搞不清分页应该怎么使用.我就说下使用分页功能中要注意的一个小地方. 1.首先你的html得有个table标签 <table id="tt" ></table> 在js页面加载代码中$(document).ready({})加入代码: $('#tt').datagrid({ singleSelect:true, //True…

easyui表单插件-包括日期时控件-列表

← jQuery EasyUI 表单插件 – Numberspinner 数值微调器 jQuery EasyUI 表单插件 - Timespinner 时间微调器 jQuery EasyUI 插件扩展自 $.fn.spinner.defaults.通过 $.fn.timespinner.defaults 重写默认的 defaults. 时间微调器(timespinner)是基于微调器(spinner)创建的.它与数值微调器(numberspinner)相似,但是它只显示时间值.时间微调器(t…

基于ASP.Net +easyUI框架上传图片，实现图片上传，提交表单

<body> <link href="../../Easyui/themes/easyui.css" rel="stylesheet" type="text/css" /> <script charset="utf-8" src="../../Easyui/jquery.easyui.min.js" type="text/javascript"><…

easyui源码翻译1.32--Pagination（分页）

前言使用$.fn.pagination.defaults重写默认值对象下载该插件翻译源码该分页控件允许用户导航页面的数据.它支持页面导航和页面长度选择的选项设置.用户可以在分页控件上添加自定义按钮,以增强其功能. 源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 */ (function ($) { //创建工具条 function buildToolbar(target) { var pagination = $.data(target, "…

easyui源码翻译1.32--TimeSpinner（时间微调）

前言扩展自$.fn.spinner.defaults.使用$.fn.timespinner.defaults重写默认值对象.下载该插件翻译源码时间微调组件的创建基于微调组件.它和数字微调类似,但是显示的时间值.时间微调组件允许用户点击组件右侧的小按钮来增加或减少时间源码 /** * jQuery EasyUI 1.3.2 * qq:1364386878 *日期微调 * */ (function ($) { //初始化timeSpinner function init(jq) { var o…

easyui总结

1.设置一个区域可拖动的第一种方法直接用html<div id="dd" style="width:100px;height:100px;"><div id="title" style="background:#ccc;">title</div></div> 第二种是用jquery方法首先要导入两个库jquery.min.js和jquery.easyui.min.js <l…

EasyUI datagrid简单运用

jquery的前端框架挺多的,有easyUI ,bootstrap...,对于做系统软件或许easyUI比较好,因为里面控件很丰富,而bootstrap非常简洁大方,但是控件相对比较少,特别是复杂的网格控件,几乎要自己来写! 介绍一下的easyUI 的datagrid,感觉写法还是比较简单易懂,重用性比较强!主要实现了显示数据,查询数据(序列化传参),datagrid分页样式选用. 页面如下: 例子依赖:1.asp.net mvc2.easyui文件依赖包下载地址:http://www…

ASP.NET MVC+EF框架+EasyUI实现权限管理系列(14)-主框架搭建

原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(14)-主框架搭建 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架搭建 (2):数据库访问层的设计Demo (3):面向接口编程 (4 ):业务逻辑层的封装 (5):前台Jquery easyUI实现 (6):EF上下文实例管理 (7):DBSession的封装 (8):DBSession线程内唯一 (9):TT摸版的学习 (10):V…

ASP.NET MVC+EF框架+EasyUI实现权限管理系列(1)-框架搭建

原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(1)-框架搭建 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) 前言:这篇博客开始我们便一步一步的来实现这个权限系统的初步设计-框架搭建,首先我要说的是我们需要开发工具Visual Studio 2012或者10也行,其次是我们要有SQL Server数据库,如果是Visual Studio 2010的话,你还要安装MVC4的开发文件,这个是吗?我不记得了,谁可以回答我一下的,我一直用2012,都是集成…

Asp.Net MVC4 + Oracle + EasyUI + Bootstrap 1

Asp.Net MVC4 + Oracle + EasyUI + Bootstrap 序章 Asp.Net MVC4 + Oracle + EasyUI + Bootstrap 序章 -- 新建微软实例 1. 简介为学习MVC4而写的文章,以项目开发的角度书写.循序渐进,同时也是自己学习的过程,博文编写过程中,我会参考相关专业书籍和网站,尽量编写和描述规范的编码和原理.若是过程中有错误,请各位看官不吝啬指出! 2. 博文定位新手教程,所以适合刚刚准备学习MVC4的博友阅读.不过会讲述很多…

【初始easyUI】的更多相关文章