用firebug查看其生成html,发现其checkobx是假的,只是一个span,来回的变样式而已,汗代码如下: $(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { if ($(this).hasClass("tree-checkbox0")) { $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); } else { if ($(this).hasClass("tree-checkbox1")) { $(this).removeClass("tree-checkbox1").addClass("tree-checkbox0"); } else { i...
效果图: 代码如下: jQuery EasyUI var users = {total:6,rows:[ {no:1,name:'用户1',addr:'山东济南',email:'user1@163.com',birthday:'1/1/1980'}, {no:2,name:'用户2',addr:'山东济南',email:'user2@163.com',birthday:'1/1/1980'}, {no:3,name:'用户3',addr:'山东济南',email:'user3@163.com',birthday:'1/1/1980'}, {no:4,name:'用户4',addr:'山东济南',email:'user4@163.com',birthday:'1/1/1980'}, {no:5,name:'用户...
代码如下: $.fn.hDialog = function (options) { var defaults = { width: 300, height: 200, title: 此处标题, html: , iconCls: , submit: function () { alert(可执行代码.); } } var id = $(this).attr(id); options = $.extend(defaults, options); var self = this; $(self).dialog({ title: options.title, height: options.height, width: options.width, iconCls: options.iconCls, buttons: [{ text: 确定, iconCls: ico...
最近项目中需要跨域调用其他项目的数据,其他项目也是使用的EasyUI的datagrid组件,开始以为直接在datagrid的url属性定义为其他项目的url地址即可,可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误,网上搜索了下错误解决办法,参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误,感觉原因不在格式问题。 搜索了下JavaScript跨...
神马是easyui
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。
下面通过代码看下easyui datagird编辑行删...
EasyUI框架 使用Ajax提交注册信息的实现代码
一、服务器代码:
@Controller
@Scope("prototype")
public class StudentAction extends BaseAction<Student> {private static final long serialVersionUID = -2612140283476148779L;private Logger logger = Logger.getLogger(StudentAction.class);private String rows;// 每页显示的记录数private String page;// 当前第几页private Map<String, Object> josnMap = new HashMap<>(...
今天做项目的时候,想在easyui的datagrid每一列数据后边都加上一个操作按钮,一开始想在后台拼接字符串用JSON传回,但是我测试之后发现这个方法不管用,在网上搜索了一下,整理如下:
其实要加一行自定义列很简单,在js声明datagrid的时候加上如下代码
{field:operate,title:操作,align:center,width:$(this).width()*0.1, formatter:function(value, row, index){ var str = <a href="#" rel="external nofollow" name="opera" cl...
一、Html代码
注意的是需要加上data-options="editable:false",不能直接修改日期
<tr> <td width="15%" class="label">合同起始日期:</td> <td width="35%"> <input value="${loan.contractBegtime}" class="f1 easyui-datebox" id="contractBegtime" name="contractBegtime" data-options="required:true,editable:false"/> <font class="star-red">*</font> </td>
<td width="15%" class="label">合同截止日期:</td>
<td widt...
本文实例为大家分享了<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Basic Layout - jQuery EasyUI Demo</title><link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../themes/icon.css"><link rel="stylesheet" type="text/css" href="demo.css"><script type="text/javascript" src="../jquery.min.js"></script><script type="text/java...
本文实例为大家分享了
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Basic Dialog - jQuery EasyUI Demo</title><link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../themes/icon.css"><link rel="stylesheet" type="text/css" href="demo.css"><script type="text/javascript" src="../jquery.min.js"></script><script type="text/jav...
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();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml...
在datagrid的onLoadSuccess事件增加代码处理。
<style type="text/css">.subtotal { font-weight: bold; }/*合计单元格样式*/</style><script type="text/javascript">function onLoadSuccess() {//添加“合计”列$(#table).datagrid(appendRow, {Saler: <span class="subtotal">合计</span>,TotalOrderCount: <span class="subtotal"> + compute("TotalOrderCount") + </span>,TotalOrderMoney: <span class="subtotal"> + comput...
最近项目中需要跨域调用其他项目的数据,其他项目也是使用的EasyUI的datagrid组件,开始以为直接在datagrid的url属性定义为其他项目的url地址即可,可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误,网上搜索了下错误解决办法,参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误,感觉原因不在格式问题。 搜索了下JavaScript跨...
代码如下:$.fn.hDialog = function (options) { var defaults = { width: 300, height: 200, title: 此处标题, html: , iconCls: , submit: function () { alert(可执行代码.); } } var id = $(this).attr(id); options = $.extend(defaults, options); var self = this; $(self).dialog({ title: options.title, height: options.height, width: options.width, iconCls: options.iconCls, buttons: [{ text: 确定, iconCls: icon...
效果图: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascri...