Easyui使用记录

JQuery EasyUI学习记录（五）

1.datagrid使用方法(重要) 1.1将静态html渲染为datagrid样式  <table class="easyui-datagrid"> <thead> <tr> <th data-options="field:'id'">编号</th> <th data-options="field:'name'&…

一天就这搞了这几行. 1. if else 可以嵌套: 2. 子页面调用父页面js,需要使用top.父页面js的方法. <script type="text/javascript"> $(document).ready(function() { $('#tt').tree( { onlyLeafCheck : true, onCheck : function(node, checked) { if (node.text == '天地图影像') { if (checked)…

JQuery EasyUI学习记录（四）

1.EasyUI中的validatebox使用提供的校验规则: 1.非空校验required="required" 2.使用validType指定 email: 正则表达式匹配电子邮件规则. url: 正则表达式匹配的URL规则. length[0,100]: 在x和x字符允许. remote['http://.../action.do','paramName']: 发送ajax请求做验证值,返回“true”当成功. <table cellpadding=3> <t…

JQuery EasyUI学习记录（三）

1.jQuery EasyUI messager使用方式 1.1 alert方法 $(function(){ //1.alert方法---提示框 $.messager.alert("标题","内容","question"); }) 效果: 1.2confirm方法 $(function(){ //2.confirm方法---确认框 /* $.messager.confirm("提示信息","你确定删除吗?"…

JQuery EasyUI学习记录（二）

1.jquery easyUI动态添加选项卡(查看jquery easyUI手册) 1.1 用于动态添加一个选项卡 1.1.1 选中指定的选项卡和判断某个选项卡是否存在测试代码: <a id="but1" class="easyui-linkbutton">添加一个选项卡</a> <script type="text/javascript"> $(function(){ //页面加载完成后,为上面按钮绑定事件…

JQuery EasyUI学习记录（一）

1.主页设计(JQuery EasyUI插件) 下载easyUI开发包: 将easyUI资源文件导入页面中: <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css"> <link rel="stylesheet" type=&quo…

easy-ui JOB 及小记录

$:获取 $.ajax({ type: "POST" , url: "" , contentType: "application/json; charset=utf-8" , data: "{'startTime':'" + $("#main input[data-field='starttime']").da…

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

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

ASP.NET MVC5 easyui 之 treegrid 初用记录

菜鸟初次使用,参考论坛中介绍的方法仍走了一些弯路,把自己遇到的问题记录下来. 1.必须定义根节点: 2.根节点一个或多个均可: 4.根节点的父节点属性不必定义,或者定义为0: 5.各级子节点的父节点属性名称必须为“_parentId",不能用其它名称,此名称已在jquery.easyui.js中定义: 6.不必在后台ACTION中输出“树”形结构的json数据,只要下面结构的json给前台的treegrid,就可以建立树形输出到页面.(了解到后台以树形children格式输出也是一种选择.) {…

jquery easyui根据需求二次开发记录

1.tree需要显示多个图标实际需求:设备树上节点需搁三个图片,分别标识运行状态.告警状态.设备类型解决方法:给tree的iconCls传入一个数组,分别是各状态下的class(css),然后要改动easyui关于tree节点组装部分的代码 if(item.iconCls ){ cc.push("<span class=\"tree-icon tree-folder "+(item.iconCls?item.iconCls:"")+"\…

EasyUI datagrid 删除的时候无法正确找到重复记录row index的问题

EasyUI datagrid 删除的时候无法正确找到重复记录row index的问题: 如果无法正确找到重复记录的row index,就需要进行注意添加的时候所进行的操作:如果添加的时候就是添加的同一个js对象,在查找的时候就会出现找不到正确的index的问题,解决方式是在添加重复对象的时候首先进行对象克隆:…

关于EasyUI 1.5版Datagrid组件在空数据时无法显示"空记录"提示的BUG解决方法

问题:jQuery easyUI中Datagrid,在表格数据加载无数据的时候,如何显示"无记录"的提示语? 解决jQuery EasyUI 1.5.1版本的Datagrid,在处理新增表格加载的数据没有记录的时候,可显示"无记录"的提示语的方法. 官网的API更新里面并没有写明是API的属性名,经过查找资料,发现一下问题: 1.官网API更新的时候漏掉了该API,没有放出: 2.源代码需要一定的修复: 解决方法: 1.API属性名:emptyMsg 2.API属性…

【技巧】easyUI的datagrid，如何在翻页以后仍能记录被选中的行

easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行: 注意datagrid中需要配置idField属性,一般为数据的主键…

Spring+SpringMVC+MyBatis+easyUI整合进阶篇（七）一次线上Mysql数据库崩溃事故的记录

作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载. 文章简介工作这几年,技术栈在不断更新,项目管理心得也增加了不少,写代码的速度也在提升,感觉很欣慰,毕竟是在一直进步,但是过程中也有许许多多的曲折,也踩过了数不尽的坑坑洼洼,从一个连百度都不知道用的萌新到一个悠哉悠哉的老油子也不容易,很多人应该都有类似的经历和感受,因此博客中也会整理一些曾经碰到过的事故和问题给自己提个醒. 由于接下来要在perfect-ssm项目中…

解决EasyUi中的DataGrid删除一条记录后，被删除的数据仍处于被选中状态问题

项目中遇到这么一个问题,在easyui的datagrid中,删除一条记录成功,重新加载datagrid后,去点编辑操作,仍可把之前删除掉的那条记录进行编辑操作,正常情况应该是,删除后再去点击“编辑”,应提示没有被选中的记录.现在这个情景说明,在datagrid删除数据重新加载后,当datagrid调用getSelections方法时,仍能返回之前删除的那条记录.这时,要解决这个问题,应该在删除数据重新加载datagrid后再清空selections.代码如下: /**删除选中救援任务*/func…

jQuery easyUI的datagrid，如何在翻页以后仍能记录被选中的行

1.先给出问题解决后的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%> <% String path = request.getContextPath(); S…

easyui treegrid idField 所在属性中值有花括号（如Guid）当有鼠标事件时会报错，行记录一下

easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下…

ThinkPHP与EasyUI整合之三（searchbox）：在datagrid中查询指定记录

在datagrid中toolbar添加searchbox查询框,根据列范围查询数据,先看效果图: 1. searchbox采用easyui的Demo例子,再加以js扩展,根据datagrid中的列数据自动生成选择查询范围. 1 <div id="testa" style="display:inline;padding-top:17px;"> 2 <!-- 这里的padding-top是让搜索栏向下点,也就是与"添加"等按钮对齐,…

ThinkPHP与EasyUI整合之二（datagrid）：删除多条记录

学习EasyUI已有一段时间了,现在开始逐步把平时学习的细节和难点记录下来. 1. datagrid选中多条记录的语句是: var rows = $('#dg').datagrid('getSelections'); ,而不是"$('#dg').datagrid('getSelections')"选中一条记录. 2. 删除多条记录必须给数据库传达删除指定数据表的记录,一般是数据表唯一的编号id,可以给数据库传达一个id数组.联想到可以采用Input表单数组,但在datagrid不知怎…

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

http://www.cnblogs.com/wuhuacong/p/3667703.html 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input…