jQuery EasyUI的Datagrid组件功能算是很强大了,不过性能确实不怎么乐观,而对于性能问题,网络上几乎也找不到相关的优化资料,所谓的牛人们可能都望而却步了。...慢在哪些方面 以目前对Datagrid的了解程度去看待性能问题,主要有以下几点: 加载大数据量时比较慢(不考虑服务端返回数据的时间),这点尤其体现在IE浏览器里面; 大数据量时,加载后,操作很不流畅,勾选慢...-1.3.3/plugins/jquery.datagrid.js 数据报表统计 勾选性能测试【IE9;jQuery-1.8.0;EasyUI-1.3.3;singleSelect:false】: 优化执行时间...开启singleSelect的优化思路是一样的,所以不写重复文字了。...:http://www.easyui.info/version/jquery-easyui-1.3.3/demo/datagrid/bigdata_checkbox_optimized.html 转载至
2015-05-23 06:25:28 在网页开发过程中,经常会遇到需要重新加载或刷新页面,下面我来说一下如果通过jq来刷新或重新加载页面,来看代码。... 落帆亭 jquery-1.6.4.min.js"></script
DOCTYPE html> Format DataGrid Columns - jQuery EasyUI...stylesheet" type="text/css" href="css/material/easyui.css"> jquery.min.js..."> jquery.easyui.min.js"> Transform DataGrid from Table Transform DataGrid from an existing, unformatted...function(jq){ return buildMenu(jq[0]); } }); })(jQuery
在一个工作簿中,如果工作表太多了,要选中需要操作的Sheet还挺麻烦的。...对于Excel用的不大熟练的人,只会按左下角的方向箭头,然后用眼睛去查找,有的人为了让Excel显示多一些工作表名称,还会把右下角的滚动条拉的只剩一点点,造成操作Sheet都不方便。...首先在customUI.xml中增加代码: 工作表、工作簿"> 工作表目录 " onAction...'定义结果数组 ReDim result(Worksheets.Count, 2) result(0, 0) = "序号" result(0, 1) = "工作表名称
把数据复制到一个工作簿后,一般我们还需要进行数据处理,而数据处理要在一个工作表才方便,所以把多个工作表的数据复制到一个工作表再进行数据处理也会经常碰到: ?...首先在customUI.xml中增加代码: 工作表" onAction="rbbtnMergeSht" imageMso
有合并工作表,自然也离不开拆分工作表,将一个总表,按照某一列的内容拆分为多个工作表,然后可以再结合前面的一个工作簿的工作表另存为工作簿功能,就可以生成多个工作簿进行分发了: ?...首先在customUI.xml中增加代码: 工作表" onAction="rbbtnSplitSht" imageMso...Dim keys As Variant keys = dic.keys() Dim items As Variant items = dic.items() '新建表并复制单元格
工作表的隐藏很简单,只需要右键点击工作表名称,然后点击隐藏就可以。 但是取消隐藏也差不多,右键点击后,选择某个工作表名称。...这个可以通过VBA代码编辑器里的属性窗口,设置工作表的Visible属性为xlSheetVeryHidden来实现,当然使用VBA来设置肯定就更为方便快捷了: ?...首先在customUI.xml中增加代码: 工作表隐藏 " size="large" imageMso="WindowSplit...工作表之外工作表" onAction="rbbtnVeryHideExceptActiveSht...在设置当前工作表隐藏的时候,需要判断工作簿是否还有其他的可见工作表,否则会报错。
前面实现了多个工作簿和合并到一个工作簿的功能,反过来,将一个工作簿里的工作表,另存为多个工作簿,然后分发给不同的人,应该也是经常会碰到的。让我们看看使用VBA如何实现: ?...首先在customUI.xml中增加代码: 工作表保存工作簿" onAction="rbbtnSht2Wb" imageMso...IRibbonControl) Call MShtWk.Sht2Wb End Sub 函数实现: Sub Sht2Wb() Dim path As String '保存在活动工作簿同一目录下...Application.ScreenUpdating = False Dim sht As Worksheet For Each sht In Worksheets sht.Copy '按工作表的名称保存工作簿
" src="jquery-easyui-1.3.3/jquery.min.js"> jquery-easyui...-1.3.3/jquery.easyui.min.js"> jquery-easyui-1.3.3/locale...然后,在页面的末尾引入: 2. data-grid 列表 首先,在body中声明一个grid0,(grid0代表第一个...image.png 属性: title: 列表名称 url: 列表加载数据的接口地址 singleSelect : 是否是单选 hasSelect : 是否有选择列 paging: 是否要分页 fields...{ title : '创建新的分组', fields : [ {id:'id',name:'分组编号(新增不填
本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。 我们将使用下面的插件: datagrid:向用户展示列表数据。...创建数据库和 'users' 表。 ? 步骤 2:创建 DataGrid 来显示用户信息 创建没有 javascript 代码的 DataGrid。...DataGrid 使用 'url' 属性,并赋值为 'get_users.php',用来从服务器检索数据。...选择的行中加载表单数据。...当表单字段值提交成功,关闭对话框并重新加载 datagrid 数据。
添加管理员 function newUser() { //清空内容 $('#fm').form('clear'); //加载工作人员的姓名和权限..., "info"); } //加载工作人员的姓名和权限 loadWorkerNameAndRightName...在博客开头为大家设置了一个悬念,在实现过程中遇到了困难,就是在下拉框动态加载数据时,显示的是一个数据库信息,更新的时候要更新此显示信息的数据库主键。...实现代码js: //加载工作人员的姓名和权限 function loadWorkerNameAndRightName() { var queryWorkerName...======================================================================== 基于asp.net+easyui框架的系列博文: 使用Jquery
EasyUI 的 datagrid 数据网格控件 的使用方式 1、将静态HTML代码渲染成datagrid样式 2、由datagrid发送ajax请求获取服务端json数据,构造datagrid 3...、使用EasyUI提供的API(js代码)动态构造一个datagrid 使用datagrid实现取派员分页查询 取派员批量删除(逻辑删除) 取派员修改功能 1、使用datagrid行双击事件处理函数onDblClickRow...httpClient --> 模拟浏览器效果(淘淘商城大量使用) dubbo --> 阿里巴巴,后期自学内容 基于hessian实现定区关联客户 1.6、项目第六天 业务受理分析(业务通知单、工单、工作单...} 基于数据网格datagrid编辑功能实现工作单快速录入功能 1.7、项目第七天 权限概述(认证、授权) 常见的权限控制的方式(URL、方法注解) 权限数据模型(权限表、角色表、用户表、角色权限关系表...) 用户管理(添加、查询) 修改自定义BOSRealm中的授权方法,通过查询数据库获得登录人的权限 使用ehcache 缓存权限数据 系统的左侧菜单根据当前登录用户的权限动态展示 1.9、项目第九天 工作流概念
view 是一个对象,它告诉 datagrid 如何呈现行。这个对象必须定义下列方法。 名称 参数 说明 render target, container, frozen 当数据加载时调用。...事件 其事件扩展自 panel,下列是为 datagrid 增加的事件。 名称 参数 说明 onLoadSuccess data 当数据加载成功时触发。...onLoadError none 加载远程数据发生某些错误时触发。 onBeforeLoad param 发送加载数据的请求前触发,如果返回 false加载动作就会取消。...load param 加载并显示第一页的行,如果指定 param 参数,它将替换 queryParams 特性。 reload param 重新加载行,就像 load 方法一样,但是保持在当前页。...reloadFooter footer 重新加载脚部的行。 loading none 显示正在加载状态。 loaded none 隐藏正在加载状态。
测试环境 jquery-easyui-1.5.3 需求描述 ?...如上图, 1、点击左侧树,叶子节点,打开不同的tab页,加载与节点对应的表数据 2、在上述打开页面中,进行新增,编辑,复制等操作,确保新增、复制等操作生成的数据只在该页面可见。...时,不设置url,或者设置url为'',然后表格加载数据之前,修改请求数据的url(主要是修改请求参数,请求参数设计为节点ID,通过父子页面关系,获取tab ID来获取,后台服务器根据传递的url参数进行数据的筛选并返回...) datagrid" rownumbers="true" pagination="true" id="API_test_case_step"...onBeforeLoad:onBeforeLoad, …… "> …… // 加载数据之前修改
jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合体,而 jQuery EasyUI 的目标就是帮助 web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。...jQuery EasyUI 开发技巧总结 1、使用 tabs 时,如果使用的不是 url,而是 content,则要嵌入 iframe addTab({ title:node.text, closeable...,function(data){ if(data){ } }); 5、编辑实现动态加载页面 function editFun(){ var rows=$("#datagrid").datagrid...').datagrid(‘getChecked');(‘#datagrid').datagrid(‘updateRow',{ index:$(‘#datagrid').datagrid(‘getRowIndex...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:实例分享jQuery EasyUI开发技巧总结
, '001', '14' ] ] 其中,[ '姓名', '性别', '学号', '年龄', '电话', '地址', '是否党员' ] 为生成的excel表头,其余为对应的内容(注意:内容数量和表头数不匹配时...后台重新生成Excel jQuery.post("/tmpSave",{ data:data,..."acceptChanges"); //获取删除后的数据,后台重新生成Excel var data = JSON.stringify(jQuery('#dg').edatagrid...(index, 'up', 'dg'); } function moveDown(){ var row = jQuery("#dg").datagrid...('getSelected'); var index = jQuery("#dg").datagrid('getRowIndex', row); mysort
前言 应用系统有时候需要打印Datagrid的表格内容,我们本节就来学习打印datagrid内容 打印主要使用:web打印(我们之前有讲过web打印插件jqprint) + 将datagrid重新编制成可以打印的...DOCTYPE html> Basic DataGrid - jQuery EasyUI Demo.../jquery.easyui.min.js"> jquery.jqprint-0.3.js"> ...63.50, "attr1": "Adult Male", "itemid": "EST-18" } ] } ; //加载数据...DOCTYPE html> Basic DataGrid - jQuery EasyUI Demo
EASYUI中的DataGrid组件对数据的显示进行管理 1.2 相关知识点 1.2.1 EasyUI介绍 easyui是一种基于jQuery的用户界面插件集合。..."> jquery.easyui.min.js"> 注意:文件的导入顺序: jquery...文件要位于jquery.easyui.min.js文件的上方 帮助文档:参见JQuery EasyUI v1.3.5官方API中文版.exe 如何测试EasyUI安装成功?...("open");//打开窗口 $("#dd").window("close");//关闭窗口 $("#dd").dialog("refresh","test02.html"); //重新刷新窗口...,加载服务端的资源test02.html 1.4 组件DataGrid DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持。
需求&场景 例表查询是业务系统中使用最多也是最基础功能,但也是调整最平凡,不同的用户对数据的要求也不一样,所以在系统正式使用后,做为开发恨不得坐在业务边上,根据他们的要求进行调整,需要调整最多就是列的位置和宽度...实现方法 因为我这边的项目都是用easyui datagrid开发的,datagrid提供了对每一列宽度的手工调整和位置的拖动功能,但是并没有提供保存修改后属性功能,这里我们就需要对datagrid...现在还需要自定义扩展保存和加载的功能(columns-reset.js) (function ($) { function buildMenu(target) { const state =...('options'); const local = JSON.parse(localStorage.getItem(opts.id)); //冻结的列不参与设置...}); } }); })(jQuery); datagrid 代码 //初始化定义datagrid var $dg = $('#
通过前面三篇博客对easyui-datagrid组件的学习,相信大家对jQuery Easyui框架,有了更加深入的了解和学习。...同时,控件的方法,事件等,都是可扩展的,不用修改源码 4.easyui的执行效率很高,比较灵活,可以快速的加载界面 5.官方的文档齐全,介绍全面,功能强大, 对于新手来说...2月12号,基本上完成了所有书画院后台的界面和功能,并完成测试工作。经历暴风雨之后总算看见彩虹了。 2月13号,接到新的任务,完善后台的权限管理界面。...3月1号,完成权限管理的所有内容,开始测试工作。到今天为止,善良书画院后台的内容基本上就算完成了。可以说算是离成功一步之遥了,开发小组成员骤降为1男1女,感觉跟过2人世界一样,呵呵。...——界面(一) 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二) 基于asp.net + easyui框架,一步步学习easyui-datagrid