|
jQuery EasyUI的Datagrid组件功能算是很强大了，不过性能确实不怎么乐观，而对于性能问题，网络上几乎也找不到相关的优化资料，所谓的牛人们可能 都望而却步了。本博客以后会带着分析Datagrid组件的性能问题，并且给出优化方案，也希望大家能集思广益，给出一些好的想法。
慢在哪些方面
以目前对Datagrid的了解程度去看待性能问题，主要有以下几点：
加载大数据量时...
最近在做项目时，在统计报表时，使用easyui的treegrid进行统计，但在使用了存储过程后，加载到页面的数据还是很慢，在ie浏览器下，在数据不多的情况下，ie直接卡住，到2-3分钟才出现数据。刚开始以为是存储过程问题，但通过访问action，发现打印出json数据速度很快。于是开始找是不是easyui treegrid加载数据很慢的原因。最后，发现是在表头没有设置每一列为固定长度，导致加载数据...
在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了，加载2000条数据就另人崩溃用时差不多60秒，就算在google浏览器测试结果也快不了几秒。 平时听闻easyui datagrid效率底下，自己测试才发现真是使人无法忍受。
笔者只好百度，google解决方法，发现一篇文章说改
//1.3.3版本是这样的，其它...
input和textarea：
$('#controlid').prop('disabled', true);
$('input:not(:button,:hidden)').prop('disabled', true);//禁用除button和hidden控件外的所有input控件
$('textarea').prop('disabled', true);
radio和check...
前台页面：
JavaScript页面（包括数据初始化）：
initAEType: function () {
$.ajax({
url: AEActionUrl + '?action=listaetype&ParentType=',
dataType: 'json',
success: function ...
纯粹做个记录，以免日后忘记该怎么设定。
这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式，以及在既有数据下将 checked 为 true 的该笔数据列的 Checkbox 设定为 Checked，另外就是两种 Checkbox 设定方式下如何取得有勾选的数据。
有关 jQuery EasyUI DataGrid 的相关资料，可以前往...
之前用ajax做的，代码如下（ActionUrl为一般处理程序ashx的路径）：
$.ajax({
url: ActionUrl + '?action=export&ID=' + $('#fm_ID').val(),
dataType: 'json',
success: function (jsonstr) ...
废话俺就少说了，直接进入正题！！单纯的JS能够导出Excel的不多见，一般都需要调用客户端所安装的Office Excel组件来完成这个工作。这里我主要讲EasyUI内的DataGrid如何结合JS导出Excel文件
一、 导出Excel的核心代码段如下所示...
之前天智海网络有介绍过如何实现easyui里datagrid内容的打印，今天给大家介绍下如何实现datagrid内容导出为excel文件。以下为代码实现：
export.js
function ChangeToTable(printDatagrid) {
var tableString = '';
var frozenColumns = printDatagrid.datagr...
DateBox 日期显示默认的格式为“dd/mm/yyyy”
如果想自定义成我们的格式,需要实现两个函数，formatter和parser。
formatter函数使得选择日期后将其格式化为我们需要的格式，parser函数在选择好日期后告诉控件如何去解析我们自定义的格式。
定义如下：
formatter：A function to format the date, the ...
这篇文章只谈jQuery easyui datagrid 的数据加载，因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式：一种是ajax加载目标url返回的json数据；另一种是加载js对象，也就是使用loadDate方法。
这里就自己的使用经验，对两种方式做简单总结和归纳，并且对使用过程中容易产生的误区做较为详细的描述，希望能对大家有所帮助。
url...
其实很简单.
新手创作,不好勿喷.
jsp页面:
$(function () {
$.getJSON('${pageContext.request.contextPath}/resources/json/datagrid_data.json',function(result){
var columns=new Array();
...
EasyUI 新版本里添加了 fit 属性，不需要老版本的那么复杂，重新load DataGrid.但是昨天用的时间发现只有一个DataGrid的时候用fit:true 很好使，但是如果有其它元素，如DataGrid上面有查询条件等内容就会导致 DataGrid 的fit:true 失效，显示格式混乱，调试好一阵子，发现用layout 布局可以解决. 示例代码如下...
默认情况下文本验证输入框easyui-validatebox高度为22px，而easyui-datebox，easyui-combobox默认高度为20px。
不光光是高度不一致的问题，而且还有距离底边也不相同。
因此不做任何修改时的页面展示会出问题(仔细看还是有出入的)，我的解决方法便是：
步骤如下：
3.就是将easyui.css文件中的combo类...
需求：
1、下拉框下拉时出现表格；
2、表格带分页功能；
3、可以使用向上键、向下键在表格中移动选择行数据；
4、可以使用回车键在表格中选中行数据；
5、在下拉框的文本框中输入内容，能查询表格；
6、下拉框的文本框的内容变化时，表格数据按分页设置显示
效果如下：...
|
|
|
