1.下载Easyui.网址:http://www.jeasyui.com/download/index.php 2.下载后解压,里面的demo文件夹可以不用添加到工程中. 3.如图所示在工程datagrid中的src下的webapp下把刚才解压好的Easyui文件夹复制粘贴进去. 4.例如其中的easy-strtuts2.jsp需要用到Easyui,在JSP页面的前面几行要这么配置: <%@ page language="java" pageEncoding="utf-

转自:https://www.cnblogs.com/henuyuxiang/p/4283018.html 1.下载Easyui.网址:http://www.jeasyui.com/download/index.php 2.下载后解压,里面的demo文件夹可以不用添加到工程中. 3.如图所示在工程datagrid中的src下的webapp下把刚才解压好的Easyui文件夹复制粘贴进去. 4.例如其中的easy-strtuts2.jsp需要用到Easyui,在JSP页面的前面几行要这么配置:

前言 本篇幅将对系统的菜单管理模块进行说明,系统的菜单采用树形结构,这样可以更好地方便层级设计和查看.本示例将说明如何通过EntityFramework读取递归的菜单树形结构,以及结合EasyUI的treegrid在Asp.net MVC上显示树形菜单和管理操作. Easyui-treegrid的使用方法 首先我们来看一下treegrid的基本使用方法.很简单,和easyui-datagrid差不多. <table title="Folder Browser" class=&qu

前言 在上一篇中,我们依靠着EasyUI强大的前端布局特性把前端登录界面和主界面给搭建完成了.这一篇我们就要尝试着把整个解决方案部署到云端呢,也就是Visual Studio Online(TFVC)中. 在我们进行团队项目开发的过程中,或多或少的都会接触到一些源代码管理工具,比如vss.svn.tfs.git,这些工具都有着自己的特点.但最终目的都是方便团队的协作开发,提高工作效率.Visual studio从2013版本开始就为我们提供了云端管理源代码的能力.Visual Studio On

在Eclipse中使用Maven创建SpringMVC项目,项目所需软件及工具可以在官网下载.Maven.Nexus及Eclipse集成Maven等到此配置完毕. 1.Maven创建Web项目. 打开Eclipse,File——>New——>other——>Maven——>Maven Project 选择好创建Maven项目后点击Next进行下一步操作,选择项目存放位置,点击Next. 至此项目创建成功,具体结构如下: 2.添加所需Jar包,打开工程下面的pom.xml文件.内容如

#本人为项目组制定的一份页面优化指南(easyui页面优化方案) ##背景 这是一篇我之前为项目组制定的页面优化指南,主要是面向表单页面,典型的像[注册用户](https://passport.cnblogs.com/register.aspx)那样的页面. 本人的项目主要是基于easyui的,一开始都是直接用其中的layout进行布局,但对于一个实际项目中有100-200甚至更加多字段的表单项,载入的效率很成问题 经过**本人的分析**(具体的分析过程见[这里](http://www.cnbl

1.建立资源文件 在webapp下建立文件夹language,在其中再添加file,命名分别为language.properties,language_en.properties,language_zh_CN.properties.其中language.properties为默认资源文件. 在其中添加内容,格式如下: language.properties welcome=Welcome language_en.properties welcome=Welcome language_zh_CN.

(这是一个故事--) 前言 作为一个JAVA开发工程师,我觉得最基本是需要懂前端.后台以及数据库. 练习的内容很基础,包括:基本增删改查.模糊查询.分页查询.树菜单.上传下载.tab页 主管发我一个已经搭建好的框架平台,在平台上进行编码,不限制技术. 虽然说不限制技术,但还是得根据已经搭建的框架平台进行编码. 所以首先第一步,分析框架平台结构组成. 入手:看目录.看配置.看jar包.看js库.看数据库... 不难发现项目是基于:Spring + Hibernate + Spring MVC +

前几天修改了系统的一个功能——实现树形列列表的行拖拽,以达到排序的目的.现在基本上功能实现,现做一个简单的总结. 1.拿到这个直接网上搜,有好多,但是看了后都觉得不是太复杂就是些不是特别想看的例子,自己太懒(对自己不是很熟悉的东西是不愿意第一去看的).结果选择良久,还是jquery easyui treegrid这个例子自己看起来比较熟悉.于是就专心研究了,从官方网站http://www.jeasyui.net/下载了demo,开始研读.先把jsp页面一些代码贴出 <link rel="s

easyui下载地址:http://www.jeasyui.com/index.php 现在还easyui之后将其解压,解压之后将文件夹中的文件除了demo文件夹之外的文件放入到Eclipse的webcontent-js目录下,如下图所示: 然后在需要应用easyui的jsp文件中引入: 在使用Jquery EasyUI的时候要注意引入的顺序,不然不能正常显示. 然后在界面中添加需要的控件代码:初学者可以参照demo中的代码,添加之后运行就能看到效果了.

今天由于业务的需要,于是采用了easyui的的treeGrid控件. <table title="Folder Browser" class="easyui-treegrid" style="width:1000px;height:800px" data-options=" url: 'treeData.json', method: 'get', rownumbers: true, idField: 'id', treeField

很久之前就打算开始写一下自己的技术博客了,实在抽不出时间所以计划一直搁置了,最近项目进度渐渐缓了下来,不那么忙了,也因此开始筹备自己的博客.说到这次博客的主角,也是无心插柳找到的,来源于两年前自己写的一个项目. 万事开头难,写博客这个事情也是让我抓狂了一阵子,因为不知道从何下笔,自己的初衷也是分享技术,所以就更加不知道该从何而起了,说来也是巧合,上周整理文件的时候,无意中发现了两年前的一个小项目,看着那时的代码真的是有些感慨的,这是我写的代码吗(正经脸)?项目 是一个非常基础的javaWeb项目

框架介绍: 主角即Spring.SpringMVC.MyBatis.easyUI,大家应该也都有所了解,概念性的东西就不写了,有万能的百度.   工作环境:       jdk 1.7       mysql 5.6       IntelliJ IDEA 15       tomcat 7       以上为本地的构建环境,当然,如果开发环境版本或者ide与以上不同也是可以正常搭建环境的,比如你jdk是1.8啊,ide用的是eclipse或者myeclipse都是完全OK的.   整合步骤:

最后一更了,时间间隔有点久了~~ EasyUI作为一个成熟的前端框架,封装了ajax,对于数据的处理配合datagrid组件的使用,使其非常适合后台管理界面的开发(目前来说界面有点过时了). 通过ajax向后台请求数据,只要将返回的json数据处理成easyui所需要的数据格式,datagrid可以自行处理进行数据展示. 下面介绍,datagrid表格和treegrid树表两种表格形式. DataGrid 可以在EasyUI文件夹下 demo-->datagrid 找到datagrid需要的js

作者:13GitHub:https://github.com/ZHENFENG13版权声明:本文为原创文章,未经允许不得转载. 萌芽阶段 很久之前就开始打算整理一下自己的技术博客了,由于各种原因(借口总是可以找到的),实在抽不出时间所以计划一直处于搁置状态,一直只是心底的一颗小萌芽,日复一日的悠悠岁月如同手中紧抓的沙子,无声无息的流失,不过这颗小生命也在我渴望与期待的浇灌下不断的长大. 文章本天成,妙手偶得之 最近项目进度渐渐缓了下来,不那么忙了,因此开始筹备自己的博客,说到这次博客的主角,也是

最近做项目用到了jquery easyui,其中一组DataGrid做的报表是给客户大领导看的,客户要求报表样式跟他们原有系统的一模一样(如下图1). DataGrid样式好调,只是城市名称单元格跨行这个难度稍大,本着用户体验无尺度的用户价值观,无尺度的修改了easyui源代码 图1 – “城市”和“名称”列跨行的处理效果 一.分析准备: 1.jquery版本:1.8.0;easyui版本:1.3.22.首先读easyui文档,只有关于表头rowspan和colspan的配置的方式,表体装载数据

1, Messager弹窗信息 方法: $.messager.alert(...), 在网页中间弹出一个窗口 $.messager.confirm(...) 弹出一个确认窗口, 有确定和取消两个按钮, 确定返回true, 取消返回false $.messager.progress(...) 显示一个进度条 $.messager.prompt(...) 显示一个带文本输入框的对话弹窗 $.messager.show(...)在网页的右下角弹出一个窗口提示信息 2, Panel面板 构建的方式有两种

1.项目环境 注:添加jar包直接在common_parent里面添加. 搭建数据库 create tablespace bos317space datafile 'c:\ bos317.dbf'     //确定数据库文件位置 size 500m   数据库大小 autoextend on   满了20m自增 next 20m;   --创建用户&给用户授权 create user bos317 identified by bos317 default tablespace bos317spa

在使用easyui进行上左右布局一文中,我们已经使用easyui搭建起了一个简单的上左右布局.在使用的过程中,我们经常会遇到tab页打开的太多,但只能一个一个的关闭的烦恼,这个时候有没有想到eclipse中tab右键菜单的关闭其他和关闭所有选项呢? 下面我们就来使用easyui来实现tab页的关闭其他和关闭所有的功能. 1.在上一篇文章的html结构中添加入menu的结构 <body> <div id="home-layout"> <!-- 以前的code

在 Web 程序中,页面布局对应用程序的用户体验至关重要. 在一般的信息管理类的 Web 应用程序中,页面结构通常有一个主工作区,然后在工作区上下左右靠近边界的区域设置一些边栏,用于显示信息或放置一些功能选项的控件.比如下面这两个比较典型的例子:   EasyUI 提供了一种非常简单方便的实现该效果的方法,可以让用户很方便的在页面上实现矩形区域划分的功能,这就是 EasyUI 的布局组件(Layout). EasyUI 布局组件Layout EasyUI 的布局组件允许用户在一个主工作区的四周各