新版本的 easyui 加入了 tagbox 控件,允许用户通过回车分隔的方式输入多项数据.但这个控件有一些不便,就是每输入完一项必须按回车键确认,用户很容易在输入完最后一项后忘记按回车就直接提交表单,导致最后一项数据没有录入. 要解决这个问题可以在用户提交表单时用 JQuery 模拟一个 tagbox 的回车事件,确保最后一项数据被保存.代码如下: // 模拟 tagbox 的回车按下,确保数据录入.注意每次触发都要用新生成的 Event 对象,不能重复使用.$('#tagbox1').tag

最近的项目中用到了easyui,还有ztree菜单.在这里将我遇到的一些问题写出来算是做个笔记吧. 这是我头一次在博客园里分享代码,我的处女作,写的不好的地方还望各位见谅! 由于很久没有写过前台的东西手有点生,刚开始还以为很简单(不过确实很简单)然后咚咚咚的一顿狂敲,再然后一运行,...哎呀! 点击ztree的节点除了选项卡有页面外,浏览器还给我生成了一个页面. 仔细一想 :也是,点击节点时 ztree会根据treeNode的url属性去访问后台,然后肯定会生成一个新的jsp页面,虽然你把url

修改|新增jquery-easyui icon图标 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 修改配置文件 打开jquery-easyui-1.5.3\themes\icon.css文件,文件头部添加目标图标样式,例子: .icon{ background:url('../../icons/tabicons.png') no-repeat; width:18px; height:18px; display:inline-block; } .icon

1.新增一行并进入编辑状态 var index=$('#Numbers').datagrid('appendRow', { CardInformation: '开户行', CardNumber: '银行卡号', state: '0', Delete:'' }).datagrid("getRows").length-1; $("#Numbers").datagrid('beginEdit', index) 2.删除行即结束编辑状态 $('#Numbers').data

在我前面一篇分页的基础上,新增了添加功能和添加过程中的Ajax与Validate的验证功能.其他的功能在后面的博客写来,如果对您有帮助,敬请关注. 先看一下实现的效果: (1)点击添加学生信息按键后跳出对话框,其中的学生主键和姓名不能为空,而且学生主键不能和数据库中已有的重复. (2)当输入已有的学生信息的时候,提示已被使用 (3)当操作人员不顾提示,强行提交的时候.系统拒绝提交,并且跳出提示框. (4)当操作人员正常操作,提交后会自动刷新,在表格中按照从小到大的顺序排列出来. 具体实现步骤:

@{ ViewBag.Title = "UsersList"; } <script type="text/javascript"> $(function(){ BindData(); }) //当请求远程数据时,发送的额外参数. function GetqueryParams() { var Params = {}; Params.SearchRole = $("#SearchRole").combobox('getValue');

@{ ViewBag.Title = "xxlist"; } <script type="text/javascript" language="javascript"> $(function () { binddata(); }) function binddata() { var search = $('#search').combobox('getValues'); search = search.join(','); var d

@{ ViewBag.Title = "xw_xsfl"; } <script type="text/javascript"> var editIndex = undefined; var pxsdata; $(function () { GetList(); }) function GetList() { $('#dg').datagrid({ width: 'auto', height: 'auto', scrollbarSize: , url: '

最近项目需要用到在页面进行批量操作,做了一些这方面的学习,参照网上的资料写了个小例子,记录一下: 准备 引入gson-2.6.2.jar,这里使用gson而不使用json-lib,原因是json-lib很老了,依赖的jar在后续与struts2整合时,会出现不兼容的警告.而gson很清爽. 引入jQuery EasyUI 1.4.4 文件结构: package com.tjd.study.easyui.entity; public class Bean { private String code

项目出现一个需求,要求用户界面的用户名,新增时,可自由输入,编辑时,不可修改 html页面 <table id="gridlist" data-bind="datagrid:grid" > <thead> <tr> <th field="ck" checkbox="true" readOnly:true ></th> <th field="Optimi

/** * 详情页面的查询 */ @Override public Map<String, Object> pointsStardList(PointsCpt pointsCpt, int pageNo, int pageSize) { pointsCpt.setStartRow((pageNo-1)*pageSize+1); pointsCpt.setEndRow(pageSize*pageNo+50); JspPage page = (JspPage)commonDao.pageQuery

效果: html代码: <div> <!--使用JS加载方式--> <table id="tab"></table> <!--按钮---> <div id="tb"> <div style="padding: 5px;"> <a href="#" class="easyui-linkbutton" data-optio

有好几年没有用过EasyUI了,最近在外包做的一个项目中新增功能时,又用到了,本以为和按照以前那样用就可以了,可当我真正用的时候,发现许多地方不一样了,就连官网的文档都更新了,最突出的就是不知道什么时候起多了一个data-options属性. 记得,在过去一直都是用js直接调用的,现在突然变成data-options了,而官网给的Demo实在是太过简单,连url参数都是直接写死的,这肯定无法满足开发需求.没办法,只好先从官网过一下文档,然后慢慢摸索.因为浪费了我许多宝贵的时间,所以打算记录一下备

系列目录 文章于2016-12-17日重写 在第八讲中,我们已经做到了怎么样分页.这一讲主要讲增删改查.第六讲的代码已经给出,里面包含了增删改,大家可以下载下来看下. 这讲主要是,制作漂亮的工具栏,虽然easyui的datagrid已经自带可以设置工具栏,我们还是要提取出来,为以后权限控制做更好的准备. 先看一张界面调整后的效果图 大家只要加入以下HTML代码到index上就可以了 <div class="mvctool"> <input id="txtQu

系列目录 不知不觉已经过了13讲,(本来还要讲多一讲是,数据验证之自定义验证,基于园友还是对权限这块比较敢兴趣,讲不讲验证还是看大家的反映),我们应该对系统有一个小结.首先这是一个团队开发项目,基于接口编程,我们从EasyUI搭建系统的框架开始,开始了一个样例程序对EasyUI的DataGrid进行了操作,并实现Unity的注入到容器,使程序 的性能大大提升,代码质量上升,更佳利于单元测试,使用日志和异常坚固系统稳定性等等.... 当然你应该觉得系统还有存在很多不足,我们应该动手来优化一下.下面

系列目录 最近比较忙,系统难度独步增加,文章的发布速度明显比以前慢了. 由于我们已经跑通了整个系统,所有东西都回到了简单,接下来我们做模块制作也就是操作SysModule表. 首先我们来回顾一下之前的难点主要就是SysRight这个表Rightflag字段的改变,这个字段关系导航与角色组的关系显示(即有权限时候显示菜单导航,这个更新讲到授权讲到,在这里浮头一下) 所以我们操作SysModule必须更新SysRight这张表,把模块先分配给角色 所以思路已经比较明显和简单了,这里我们模块将用tre

此文章是基于 1. 搭建SpringMVC+Spring+Hibernate平台 2. 自制xml实现SQL动态参数配置 3. 利用DetachedCriteria构建HQL参数动态匹配 4. 常用日期处理方法工具类 5. 常用类型转换方法工具类 一. 准备工作 注:子项目 mms 全称:material management system:子项目 sys :基础信息.权限管理系统 1. 点击此下载 ims.rar,解压缩并把文件放到 ims 工程对应的文件夹下 二. 前端框架特色 1. js库

原材料: 1.web版本的JavaScript思维导图(BSD开源协议)[戳这里去官网]. 2.easyui最新版[戳这里去官网]. 这里是原本的jsMind: 在线测试地址 :http://hizzgdev.github.io/jsmind/example/1_basic.html 为了操作方便,添加了一个右键菜单进入,也适当的添加了动画,让操作变得圆滑. 改进后,增加了一个简单新增操作: 明细列表中添加了拖拽功能(需要支持本地Ajax,晚上百度一下就知道该怎么做,这里不做说明了),当然这里只

前言: 以下功能在国庆期就完成并提前发布了,但到今天才有时间写文介绍,主要是国庆后还是选择就职了,悲催的是上班的地方全公司都能上网,唯独开发部竟不让上网,是个局域网. 也不是全不能上,房间里有三台能上网的机子(两台笔记本+一台台式机),下载资料还得用公司的U盘再转到自己电脑,这种半封闭的环境,相当的让人不适应,有种欲仰天吐血的感觉. 这一周我都向三个带总的领导反映了上网问题,不过没啥响应,估计是没戏. 于是我只有把其中一台能上网的笔记本拿到自己桌子上去独自占用了,勉强也能上下网了,不过基于安全问

EasyUI: 前端UI框架之一, 相对ExtJs来说,算是小了,这两天,抽空看了下EasyUI的相关知识,基本上可以和大伙分享一下: 官网: http://www.jeasyui.com/ 学习的话,基本上思路就三个: 一个是Demo,把所有提供的Controls看一遍,然后用到哪个,就去看哪个. 一个是Document,如果某个控件需要用JS编码控制,可能需要看一下相关的API提供的属性,事件和方法. 一个是搜相关的文章,看看一些网上的示例或教程文章. 由于EasyUI是基于JQ的语法,所以