EasyUI

  • easyui tab 加载iframe 高度问题

    其实按网上搜的结果,easyui 有个data-options属性是fit:true. 加上他之后会使得自适应父类的宽高. 加上之后,发现个问题,当刷新tab内容的时候高度是对的,但是新建tab的时候高度还是没自适应.下面解决办法是,新建之后再update下当前选中的tab.简单暴力.立竿见影: // 新建tab function open1(plugin,route){ if ($('#tt').tabs('exists',plugin)){ $('#tt').tabs('select', p

    EasyUIMay 6

  • easyUI实现tabs形式

    1.easyUI实现tabs形式 参考链接:http://www.jeasyui.com/demo/main/index.php?plugin=Tabs&theme=default&dir=ltr&pitem= <div class="easyui-tabs" style="width:auto;height:auto;" id="tt"> <!-- 循环表名集合 --> <c:forEach

    tabs, EasyUIMay 6

  • EasyUI学习笔记8:MIS开发利器_ datagrid插件(下)(终结篇)

    一.引言 最后一篇是easyui与struts传递数据.拖了好多天,因为一直没想好怎么写.这部分代码参考了一个开源项目,很早之前写的,具体是哪个我也忘了.例子是easyui+ssh全注解+maven.刚开始笔记想写easyui+ssh+maven完整的,发现内容太多,作为easyui的系列笔记,加上ssh全注解和maven的内容似乎跑题了. 本篇笔记重点介绍如何写action以便于easyui交换数据.其他的部分如感兴趣,可以从我[email protected]里面名称为mis项目下载完整代码.项目zip包下载地

    struts, json, EasyUI, fastJSONApril 2

  • EasyUI学习笔记7:MIS开发利器_ datagrid插件(中)

    一.引言 上篇笔记我们已经新建了datagrid,并能够读取本地json数据.表格上方有工具栏,有添加.修改.删除.刷新4个按钮.表格下方有分页栏.本篇将给这些按钮添加事件. 二.数据管理对话框 首先,我们需要一个对数据进行管理的对话框,那对话框放在哪个页面呢? 开发MIS系统中一般有两种方案:一是数据列表(包括删除操作)和数据管理(添加和修改)在一个页面,另一种数据列表和数据管理各建一个页面.分开的话职责相对清晰,代码也不用堆在一起,但会涉及到页面跳转和传递数据的问题,交互复杂点. 作为一个小

    dialog, datagrid, form, EasyUIMarch 26

  • EasyUI学习笔记6:MIS开发利器_ datagrid插件(上)
    EasyUI学习笔记6:MIS开发利器_ datagrid插件(上)

    一.引言 终于来到easyui系列笔记的重点部分--数据网格datagrid插件.在MIS开发中,需要展示数据大量数据并且频繁地进行CRUD操作,datagrid强大功能可以帮助我们简单快速实现各种功能,是必须要掌握开发MIS的利器. 为了将datagrid讲解清楚,我们打算分上.中.下三篇来进行介绍.  上篇介绍datagrid数据网格创建,读取json数据并进行分页:  中篇介绍配合dialog插件实现CRUD操作:  下篇介绍datagrid如何与struts的action交换数据:

    datagrid, EasyUIMarch 25

  • EasyUI学习笔记5:来点甜点_ menu和theme插件
    EasyUI学习笔记5:来点甜点_ menu和theme插件

    一.引言 终于坚持写到5了,接下来来点无关痛痒的,觉得没必要可直接跳过.一个系统可能会打开非常多tab页,如果一个一个点小叉叉会比较麻烦,如何一次性关闭?Windows 用户通常习惯使用快捷菜单来实现一些常用的用户操作.很荣幸 EasyUI 也提供了一个右键菜单的插件--Menu.EasyUI 中的 Menu 可以使用户方便的实现一个 Windows 风格的右键菜单,我们只需要编写菜单项的内容,并对菜单项容器设置相应的 Class 类 easyui-menu,即可实现一个漂亮的右键快捷菜单. E

    EasyUI, menuMarch 25

  • EasyUI学习笔记4:展现内容_ tabs插件
    EasyUI学习笔记4:展现内容_ tabs插件

    一.引言 笔记3已经在页面布局的左侧加入了导航菜单,本节将给菜单添加事件,点击节点后打开一个网页.首先新建一个新的页面customer.html用来管理"客户".代码和笔记1的about.html几乎相同: <html> <head> <meta charset="UTF-8"> <title>easyui学习笔记</title> <link id="easyuiTheme" re

    tabs, EasyUIMarch 24

  • EasyUI学习笔记3:导航菜单_ accordion和tree插件
    EasyUI学习笔记3:导航菜单_ accordion和tree插件

    一.引言 EasyUI提供了easyui-accordion插件能让我们简单实现非常炫酷的折叠面板效果.此外,EasyUI的tree插件可以用来构建多级菜单.我们可以将accordion和tree插件组合起来构建实用的导航菜单. 二.创建导航菜单 1. 使用accordion创建折叠面板 创建折叠面板需指定元素class="easyui-accordion".accordion容器有几个重要的属性: (1) fit属性,值为true/false, 使折叠面板容器的尺寸适应它的父容器 (

    accordion, tree, EasyUIMarch 24

  • easyui学习笔记2:页面布局,layout插件
    easyui学习笔记2:页面布局,layout插件

    一.引言 EasyUI 提供的一种非常便捷的组件easyui-layout,来完成对系统页面的整体布局.它将页面分为北(north).东(east).南(south).西(west).中(center)等五个部分,代表页面的上.右.下.左.中间(主工作区)等区域.中间的区域面板是必需的,边缘区域面板是可选的.每个边缘区域面板可通过拖拽边框调整尺寸,也可以通过点击折叠触发器来折叠面板.布局(layout)可以嵌套,因此用户可建立复杂的布局. 在开发MIS系统中,north区域用于放置系统名称.登陆

    EasyUI, layoutMarch 21

  • easyui学习笔记1:搭建环境,编写hellworld
    easyui学习笔记1:搭建环境,编写hellworld

    一.引言 为了方便没有接触过easyui的同学快速入门,考虑写easyui学习笔记.easyui组件非常多,本笔记打算只介绍几个开发MIS中常用的组件,包括layout,tab,tree,datagrid,theme,combobox,form,dialog等.此外介绍与后台java代码传递数据的问题.笔记中代码参考了一些博客和项目.初步打算写7篇,争取1天1篇. EasyUI是一个基于Jquery的Web富客户端UI框架.为什么使用UI框架呢? (1) 使用UI框架可以让没有美工的情况下也能开

    EasyUIMarch 21

  • EasyUI Combotree 实现异步加载树节点

    <tr> <th>父导航名称</th> <td> <input id="R_SID" name="R_SID" value="${(record.R_SID!)!}" data-options="required:true"> </td> </tr> 通过onBeforeExpand实现异步加载. $('#R_SID').combotree({

    EasyUI, CombotreeJanuary 25

  • 快速开发系统之前台页面 ---- NO1----登录页面

    快速开发系统之前台页面 ---- NO1----登录页面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8&quo

    EasyUI, Login, 快速开发系统之前台页面January 21

  • easyui 服务器端与客户端实现分页信息(easyui datagrid serverside and client side paginnation)

    //设置分页控件 var p = $('#list_data').datagrid('getPager'); $(p).pagination({ pageSize: 10,//每页显示的记录条数,默认为10 pageList: [5,10,15],//可以设置每页记录条数的列表 beforePageText:'第',//页数文本框前显示的汉字 afterPageText:'页 共 {pages} 页', displayMsg:'当前显示 {from} - {to} 条记录 共 {total} 条

    datagrid, EasyUIJanuary 13

  • SpringMVC+Hibernate +MySql+ EasyUI实现CRUD(一)
    SpringMVC+Hibernate +MySql+ EasyUI实现CRUD(一)

    http://pan.baidu.com/s/1mg3MJTQ 最新项目下载地址 访问地址 1.基于easyui的 增 删 改 查 2.基于poi的导出excel 3.基于 SpringMVC HandlerInterceptor验证 项目结构图 源代码和jar包等下会上传是百度网盘 http://yun.baidu.com/pcloud/album/info?query_uk=3724757956&album_id=3094796070610213829 . 一:web.xml代码 <?x

    crud, MySQL, Hibernate, EasyUI, SpringMVCNovember 15

  • jquery map() easyui-treegrid easyui-combotre
    jquery map() easyui-treegrid easyui-combotre

    具体效果可见: https://git.codeweblog.com/alexgaoyh/alexgaoyh.git 后台传递给前台的json数据如下: [{"deleteFlag":0,"parent.name":"","orderNo":1,"children":[{"deleteFlag":0,"parent.name":"系统管理",&qu

    map, json, jquery, 方法, 数据, EasyUI, easyui-treegrid, easyui-combotree, 后台传递October 9

  • easyui datagrid plunges 扩展 插件
    easyui datagrid plunges 扩展 插件

    项目使用 springmvc4.x spring4.x hibernate4.x easyui 为了便于开发,扩展了easyui 的 datagrid 功能,下面直接贴上扩展代码: 具体的实现项目可见 : https://git.codeweblog.com/alexgaoyh/alexgaoyh.git /** * context 指定为 项目上下文 * index 如果定义多组dataGrid,index指定为对应的参数:一组dataGrid包含(datagrid;toorbar;dialo

    datagrid, , EasyUI, , 部分, plugins, 为了整合springmvc, 便于开发, 扩展了easyuiSeptember 23

  • EasyUI,二级页面内容的操作

    父页面获取子页面的数据 1.若仅仅是勾选,则将勾选的放到map中(key,value),key是能验证数据唯一的字段,value就是勾选行的rowData: 再将map转换成json格式的字符串,保存到隐藏域中:通过form表单提交,父页面可以获取数据.具体操作在这里:http://my.codeweblog.com/chinamummy29/blog/312675 2.若不仅勾选,还要填写其他内容,则不能用form提交.写一个方法parent.$.modalDialogTwo.save(){

    EasyUI, 二级页面September 12

  • EasyUI,二级页面的内容勾选

    EasyUI,在增.删的时候,经常用到二级页面进行勾选. 可以在datagird下面添加onCheck.onUncheck.onSelectAll.onUnselectAll事件. 在这些事件中,将勾选的内容存到map中,并转换成json格式字符串放到隐藏域中. onCheck : function(rowIndex, rowData) if (rowIndex > -1) { var userId= rowData.id; if(!dataMap.containsKey(userId)) {

    EasyUI, 二级页面September 12

  • EasyUI 第二层弹出框

    这是孙宇在EasyUI拓展时的代码. 可以根据实际需要自行修改. $.modalDialog2.handler 这个handler代表弹出的dialog句柄 $.modalDialog2.xxx 这个xxx是可以自己定义名称,主要用在弹窗关闭时,刷新某些对象的操作,可以将xxx这个对象预定义好 $.modalDialogTwo = function(options) { if ($.modalDialogTwo.handler == undefined) {// 避免重复弹出 var opts

    EasyUI, 第二层弹出框September 11

  • EasyUI 出现data.options的错误,可能是由于子页面和父页面中的方法同名

    EasyUI 出现 ...data...options... 的错误, 可能是由于子页面和父页面中的方法同名造成的.

    EasyUI, buySeptember 11

  • EasyUI,点击开启编辑框,并且编辑框获得焦点

    onClickRow : function(rowIndex, rowData){ var editor = $('#datagrid').datagrid('getEditor', {index:rowIndex,field:"buyNum"}); editor.target.focus(); } 点击一行,开启编辑框的同时,将光标放在编辑框中. rowIndex:是开启编辑框这行当前页的行索引,从0开始: buyNum:是开启编辑框的字段的名字.

    焦点, EasyUI, 编辑框September 11

  • EasyUI,子从表模式,进行数据编辑

    在edit.js文件中,对数据列开启编辑状态,提交时关闭编辑状态,并验证所填数据是否正确. $(function() { examplegrid = $("#grid").datagrid({ url : 'data/detailData.do', showFooter : true, border : false, fit : true, fitColumns : false, nowrap : true, rownumbers : true, singleSelect : fals

    datagrid, EasyUI, 编辑状态September 9

  • Easyui datagrid editor 修改DateBox 返回值格式

    见到http://www.jeasyuicn.com/post-3.html 写的这个自定义的扩展.和要达到的效果不理想. 1999-01-02 -----------> 1999.01.02 有好多办法: 1.上面的扩展插件是最理想的,只是那源码没公开,不知道里面会遇到什么问题.所以采用返回格式设置. 2.在源码包 local文件夹里面找到easyui-lang-zh_CN.js 直接修改格式,(侵入性比较高) 3.定义公公的修改js如demo中dateboxformat: <!DOCTYP

    datagrid, Editor, EasyUI, DateBoxAugust 14

  • EasyUi subgrid 三级列表实现

    工作中用到了EasyUi的subgrid,需做三级列表,由于easyui的demo只支持到两级,故三级扩展如下(备注:最新easyui1.4.1中,提供一个新的Nested SubGrid,本身api就支持多级列表,大家若觉得subgrid实现麻烦且业务不复杂,可试下用Nested SubGrid): <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding=&qu

    EasyUI, 三级, 高度自适应, level, subgridAugust 10

  • EasyUI基础入门之Pagination(分页)

    前言 对于一些企业级的应用来说(非网站),页面上最为主要的内容也就是表格和form了.对于类似于ERP这类系统来说数据记录比较大,前端表格展示的时候必需得实现分页功能了.恰巧EasyUI就提供了分页组件Pagination pagination覆盖默认$.fn.pagination.defaults.Pagination分页允许用户通过分页的方式来浏览数据,它支持可配置的选项,页面导航和页面长度的选择,而且用户可以添加分页的右边定制按钮来增强分页功能. 不过pagination是依赖于linkb

    EasyUI, pagination(分页)July 24

  • EasyUI combobox默认值问题

    在修改数据时,需要先加载数据. 在加载combobox数据的时候,从后台传来的应该int类型的数据. html代码 <tr> <td style="text-align: right;">院系:</td> <input type="hidden" id="belongsvalue" value="${fbook.belongs}" /> <!-- 必须是int的数据,否则在

    combobox, 默认值, EasyUIJuly 12

  • 解决JQuery EasyUI 加载两次url的问题

    解决JQuery EasyUI 加载两次url的问题 1.传统方式 1 $(function () { 2 var url = "../Source/Query/jhDataQry.ashx?action=query"; 3 $(dg).datagrid({ 4 url: url, 5 queryParams: { 6 qsrq: qsrq, 7 zzrq: zzrq 8 } 9 });10 })11 12 <table id="DataGrid" class

    jquery, EasyUIJuly 9

  • Extjs 和 EasyUi到底收不收费

    首先要说的是,我们必须要明白:开源不等于免费,这件事儿.明白了这事儿之后,我们再来看看为什么我们说Extjs2.0.2以上版本为收费版本一事儿. 以下为本人理解,仅供参考.如有不对之处欢迎指摘! 2.0.2之前Extjs 使用的是LGPL 协议:http://zh.wikipedia.org/wiki/LGPL 说了这么一大堆,从项目角度出发,我用简单的,但是不一定具体的说法,说一下:你用Extjs完全免费,但是如果你要改源码或是二次封装的话,就要购买商业协议,否则对不起,根据FSF自由软件基金

    extjs, lgpl, fsf, 免费, EasyUI, 开源, GPL, 收费May 27

  • 插件 - tinymce, easyui

    本文转自life的leanote博客: http://leanote.com/blog/view/532170941a910821d5000000 这里是我前端的一些小东西, 也算是做总结, 整理下. github: https://github.com/lealife/myweb tinymce 插件 这是我做leanote时做的一些插件 leanote images 图片上传插件, 结合了tinymce 自带的图片插件, 添加input, 拖拽上传 leanote syntax 代码插件.

    tinymce, JavaScript, EasyUIApril 30

  • EasyUI + Qunee 组件同步示例
    EasyUI + Qunee 组件同步示例

    HTML第三方组件种类繁多,小到按钮,工具栏,大到树图,表格,布局框架,以及各种图表,每种组件都有其优势,比如EasyUI的树和表格,Bootstrap的表单,Qunee的拓扑图等,一个应用需要整合多种组件,本文将以一个示例来介绍EasyUI与Qunee组件的同步使用 引入相关js和css文件 本例用到jquery, bootstrap, easyui和qunee,分别引入相关文件 <script type="text/javascript" src="http://d

    bootstrap, tree, EasyUI, qunee, 图形组件April 25

  • springMVC+Spring Security+easyui制作权限管理模型(一)

    小伙伴教我的事:博客,不会弄丢,也可以归类,还可以和大家分享,是一件不错的事情: 刚接触Spring Security,觉得没有什么亲和力,各种资料讲解都很复杂,看到的第一篇博文是<Spring Security优缺点>,文章里面优点很少,缺点却很大,博主想大家放弃Spring Security,改用国产的某个权限管理框架RALASAFE,大家有兴趣可以去看看(国产框架ralasafe)http://www.ralasafe.cn/:还有一个不错的框架shiro,但是选来选去,还是用了Spri

    spring, Security, EasyUI, SpringMVCMarch 27

  • EasyUI datagrid datetimebox扩展

    在用EasyUI做东西,有的地方需要日期携带时间的控件.各种蛋疼让我受不了,自己就挠着自己的猴脑,折腾了半天,终于折腾出来了! 继承 EasyUI 进行扩展自定义的格式 /**扩展自定义的日期类***/ $.fn.datebox.defaults.formatter = function(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var h = date.getHou

    dateformat, EasyUIMarch 19

  • easyUI 数据表格 没有数据 只有列超过datagrid的宽度时候不显示横向滚动条

    <!-- lang: js --> //easyUI默认出现滚动条 function defaultHaveScroll(gridid){ var opts=$('#'+gridid).datagrid('options'); // alert(Ext.util.JSON.encode(opts.columns)); var text='{'; for(var i=0;i<opts.columns.length;i++){ var inner_len=opts.columns[i].le

    datagrid, 滚动条, EasyUI, 规避方案March 15

  • AngularJS和EasyUI结合使用的注意点
    AngularJS和EasyUI结合使用的注意点

    最近在着手用angular重构一个项目,原来的前台是纯easyui做的,最近花了一周学了angular,决定把它们结合下,用纯html 和 暴露后台rest api搞起.结果在ng-view多页切换的时候遇到了一个问题,这个问题我在osc的问答区也提问过,结果似乎也没什么回答,所以不了了之. 我在这里文里重新完整地提一下这个问题的现象,在加载首页之后,点击切换到第二个模板页,路由完全是由angular跳转的,正常情况下,用我的代码显示应该是这样: 但是用了ng-view跳转后显示的datagri

    EasyUI, angularDecember 26

  • easyUI datagrid checkbox 不能提交多选 原因分析.

    原因分析过程如下: <table id="tb" style="" class="easyui-datagrid" toolbar="#tool" title="学习" selectOnCheck = "false" singleSelect="false" idField="kid"> <thead> <tr>

    checkbox, datagrid, EasyUI, 不能提交多选December 22

  • jquery easyui 插件开发

    easyui 插件开发 (function($) { /** * 插件定义 */ $.fn.resquery = function(options, param) { if (typeof options == "string") { return $.fn.resquery.methods[options](this, param); }; options = options || {}; return this.each(function(){ var id = $(this).a

    jquery, EasyUI, 插件开发December 7

  • jquery easyui datagrid 动态表头 + 嵌套对象属性展示

    代码功能: 1.datagrid 的表头由后台生成,可以配置在数据库 2.datagrid 的列绑定数据 支撑嵌套对象 $(function() { var columns = new Array(); var cols = new Array(); var colData = new Object(); $.post("url","params",function(data){ //动态生成表头开始 if(data.xxxx != null){ $.each(da

    datagrid, EasyUI, 动态表头, 嵌套对象属性December 7

  • easyui使用总结
    easyui使用总结

    1 概述 本文档内容包括easyui的引入和easyui的使用实践,编写该文档的目的,其一是为了下次再使用easyui的时候,有章可循,提高开发效率:其次记录使用过程中遇到的一些关键的问题,供自己和其他的同学参考. 2 EasyUI的引入说明 2.1 Jquery库引用 EasyUI中自带了Jquery的库,版本是V2.0.0,请注意该版本不一定适用于你的项目场景,关于Jquery V2.0.0对IE浏览器的支持也是每一个开发人员需要注意的. Jquery V2.0.0支持IE9+. 最新的不一

    EasyUI, 使用总结October 28

  • easyui实现如图样式的性别选择
    easyui实现如图样式的性别选择

    实现样式如下图: html代码: <select id="sex" name="sex" style="width: 155px"> </select> <div id="sex_opt"> <div style="color: #0000EE; background: #fafafa; padding: 5px;text-align: center;">请选

    combo, EasyUIOctober 25

  • 关于treegrid的动态加载

    1.前端 <%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <script type="text/javascript"> $(function() { $('#goods_type_treegrid').treegrid({ url : '${pageContext.reques

    动态加载, EasyUI, TreeGridOctober 9

  • 关于easyui的tree的异步加载处理

    1.前端jsp <%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <script type="text/javascript"> $(function() { //初始化,首次加载 $('#goodsTree').tree({ url:'${pageContext.request.

    tree, 异步加载, EasyUIOctober 9

  • 补充解决easyui messager越界问题

    var ie = (function() { var undef, v = 3, div = document.createElement('div'), all = div .getElementsByTagName('i'); while (div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0]) ; return v > 4 ? v : undef; }

    EasyUI, messager, 越界September 5

  • panel,dialog,window组件越界问题汇总

    之前分别写过panel,dialog,window三个组件因为拖曳或者reSize造成组件越界而无法还原的问题,两篇文章分别针对拖曳和reSize给出了解决方案.不过根据朋友的反馈,reSize的解决方案和拖曳的解决方案同时使用时存在效率低下的问题,个人也在进一步使用过程中发现了另外一些问题,共修正以下Bug: 原生panel并无拖曳和缩放功能,且继承panel组件的上层组件太多,极容易出问题,故放弃对panel组件的支持. onResize配合onMove使用时,性能低下,原因是由onResi

    EasyUI, 越界September 5

  • 扩展JQuery easyUI tab控件,添加加载遮罩效果
    扩展JQuery easyUI tab控件,添加加载遮罩效果

    项目里要用HighChart显示图表,如果返回的数量量太多,生成图表是一个很耗时的过程.tab控件又没有显示遮罩的设置(至少本菜是没有找到), Google了一下,根据另一个兄台写的方法,拿来改造了一下,效果不错.拿来分享 原文地址:jQuery扩展easyui.datagrid,添加数据loading遮罩效果代码 修改后的代码: (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { r

    jquery, 遮罩效果, 添加, EasyUI, tab控件July 31

  • JQuery easyUI datetimebox 自定义显示格式
    JQuery easyUI datetimebox 自定义显示格式

    项目里需要显示自定义显示格式,比如只显示yyy,yyyy-mm,yyyy-mm-dd等格式.直接设置formatter参数的话,总是报错.用firefox调试后发现,好像在设置新的日期时datetimebox控件会调用默认的parser指定的函数,把字符串转为日期格式.由于默认的只认"yyyy-MM-dd hh:mm:ss"格式(可以是其它分隔符,并非一定要是'-'),所以如果formatter函数返回的不是这个格式,会报错. 下面是我自己的实现方式: datetimebox 设置:

    jquery, EasyUI, DateTimeBox, 显示格式July 31

  • Jquery easyUI更改messager的按钮文字

    jquery-easyui默认情况下,消息框的按钮文字是英文的,但可以通过提供的方法进行修改,如: $.extend($.messager.defaults,{ ok:"确定", cancel:"取消" }); 加入上面一段程序后,就可以把jquery-easyui的messager的ok,cancel按钮的文字更改为'确定','取消'了.

    jquery, EasyUI, messager, 更改, 按钮文字July 30

  • easyUI属性汇总

    属性分为CSS片段和JS片段. CSS类定义: 1.div easyui-window 生成一个window窗口样式. 属性如下: 1)modal:是否生成模态窗口.true[是] false[否] 2)shadow:是否显示窗口阴影.true[显示] false[不显示] 2.div easyui-panel 生成一个面板. 属性如下: 1)title:该标题文本显示在面板头部. 2)iconCls:在面板上通过一个CSS类显示16x16图标. 3)width:设置面板宽度.默认auto. 4

    EasyUIJune 19

  • EasyUI的渣性能(二)
    EasyUI的渣性能(二)

    上次被EasyUI坑了之后,客户忍受不了这速度奇渣的页面.没办法,只能进行针对性的优化了.仔细分析了一下,将EasyUI的datagrid控件以及datebox控件替换掉,应该会有不错的速度提升. datagrid采用了jqGrid,在网上大概了解了下,这个控件资料比较多,且效率上还算可以,至少没多少人抱怨它的速度. datebox采用了My97DatePicker,主要是因为这My97DatePicker与datebox的样式相差不大,且速度还可以. 换了之后页面加载速度确实大为改观. 1.页

    EasyUI, jqGrid, My97DatePickerJune 4

  • EasyUI的渣性能
    EasyUI的渣性能

    项目一开始没有经过性能测试匆忙选用了EasyUI作为前端组件. 由于开发过程中一直采用的Chrome作为开发浏览器,IE下仅作基本兼容性考察.没有重视潜藏的性能问题. 到了项目收尾时,用户进行试用时,发现在IE7.IE8下性能实在太过于不理想,一度我都想重新推倒重新来,但想想几十个页面呢,还是算了. 哎,最终我被迫无奈,尝试通过改源码来提高easyui的效率,此时又遇到一个头疼的难题,easyui的开源代码方法名均为乱码,想要改进,对于我这个只懂基本JS的人来说,难于上青天哇,桑不起! 教训啊,

    datagrid, 性能, EasyUIMay 23

  • Easyui的datagrid结合hibernate实现数据分页
    Easyui的datagrid结合hibernate实现数据分页

    最近在学习easyui的使用,在学到datagrid的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教! 1.先来看看效果,二话不说,上图直观! 2.easyui的datagrid的使用方法 在这里,datagrid的使用我不做过多讲解,俺毕竟是初学者,不敢班门弄斧.所以就简单带一下. ①.在easyui的layout中的center中定义一个table,id为"datagridTable". <div region="center"

    datagrid, spring, struts2, EasyUI, hibernatApril 17