jumtre的专栏

发表于53分钟前(2013-10-18 11:45) ,已有4次阅读 ，共0个评论1 自定义validatebox验证，验证用户名，密码。

废话俺就少说了，直接进入正题！！单纯的JS能够导出Excel的不多见，一般都需要调用客户端所安装的Office Excel组件来完成这个工作。这里我主要讲EasyUI内的DataGrid如何结合JS导出Excel文件一、 导出Excel的核心代码段如下所示

之前天智海网络有介绍过如何实现easyui里datagrid内容的打印，今天给大家介绍下如何实现datagrid内容导出为excel文件。以下为代码实现：export.jsfunction ChangeToTable(printDatagrid) { var tableString = ''; var frozenColumns = printDatagrid.datagr

之前用ajax做的，代码如下（ActionUrl为一般处理程序ashx的路径）： $.ajax({ url: ActionUrl + '?action=export&ID=' + $('#fm_ID').val(), dataType: 'json', success: function (jsonstr)

其实很简单.新手创作,不好勿喷.jsp页面: $(function () { $.getJSON('${pageContext.request.contextPath}/resources/json/datagrid_data.json',function(result){ var columns=new Array();

这篇文章只谈jQuery easyui datagrid 的数据加载，因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式：一种是ajax加载目标url返回的json数据；另一种是加载js对象，也就是使用loadDate方法。这里就自己的使用经验，对两种方式做简单总结和归纳，并且对使用过程中容易产生的误区做较为详细的描述，希望能对大家有所帮助。url

前台页面：      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 的相关资料，可以前往

input和textarea：$('#controlid').prop('disabled', true);$('input:not(:button,:hidden)').prop('disabled', true);//禁用除button和hidden控件外的所有input控件$('textarea').prop('disabled', true);radio和check

最近在做项目时，在统计报表时，使用easyui的treegrid进行统计，但在使用了存储过程后，加载到页面的数据还是很慢，在ie浏览器下，在数据不多的情况下，ie直接卡住，到2-3分钟才出现数据。刚开始以为是存储过程问题，但通过访问action，发现打印出json数据速度很快。于是开始找是不是easyui treegrid加载数据很慢的原因。最后，发现是在表头没有设置每一列为固定长度，导致加载数据

jQuery  EasyUI的Datagrid组件功能算是很强大了，不过性能确实不怎么乐观，而对于性能问题，网络上几乎也找不到相关的优化资料，所谓的牛人们可能 都望而却步了。本博客以后会带着分析Datagrid组件的性能问题，并且给出优化方案，也希望大家能集思广益，给出一些好的想法。慢在哪些方面以目前对Datagrid的了解程度去看待性能问题，主要有以下几点：加载大数据量时

DateBox 日期显示默认的格式为“dd/mm/yyyy”如果想自定义成我们的格式,需要实现两个函数，formatter和parser。formatter函数使得选择日期后将其格式化为我们需要的格式，parser函数在选择好日期后告诉控件如何去解析我们自定义的格式。定义如下：formatter：A function to format the date, the

默认情况下文本验证输入框easyui-validatebox高度为22px，而easyui-datebox，easyui-combobox默认高度为20px。不光光是高度不一致的问题，而且还有距离底边也不相同。因此不做任何修改时的页面展示会出问题(仔细看还是有出入的)，我的解决方法便是：步骤如下：3.就是将easyui.css文件中的combo类

需求：1、下拉框下拉时出现表格；2、表格带分页功能；3、可以使用向上键、向下键在表格中移动选择行数据；4、可以使用回车键在表格中选中行数据；5、在下拉框的文本框中输入内容，能查询表格；6、下拉框的文本框的内容变化时，表格数据按分页设置显示 效果如下：

数据表格 - DataGrid内容概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的

EasyUI 新版本里添加了 fit 属性，不需要老版本的那么复杂，重新load DataGrid.但是昨天用的时间发现只有一个DataGrid的时候用fit:true 很好使，但是如果有其它元素，如DataGrid上面有查询条件等内容就会导致 DataGrid 的fit:true 失效，显示格式混乱，调试好一阵子，发现用layout 布局可以解决. 示例代码如下

自从1.3.2版本开始，validatebox自身已经支持多重校验了，例如：

最近整理Easyui控件的时候，对Easyui的DateBox控件和DateTimeBox控件进行了梳理，而我之所以将EasyUI的DateBox控件和DateTimeBox控件放在一起，归为一类，是因为这两个控件没有什么区别，如果你非得说这两个控件有区别，也无非是DateTimeBox控件后面除了基本的年月日之外带上了小时或者分钟或者秒什么的，更何况，这两个控件在进行日期格式化时所采用的方法也是

function myformatter(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+

required: "必选字段",remote: "请修正该字段",email: "请输入正确格式的电子邮件",url: "请输入合法的网址",date: "请输入合法的日期",dateISO: "请输入合法的日期 (ISO).",number: "请输入合法的数字",digits: "只能输入整数",creditcard: "请输入合法的信用卡号",equal

easyui 的validatebox()提供了自定义验证的方法，为此我把一些常用的数据验证汇总了一下，代码如下：

在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了，加载2000条数据就另人崩溃用时差不多60秒，就算在google浏览器测试结果也快不了几秒。 平时听闻easyui datagrid效率底下，自己测试才发现真是使人无法忍受。 笔者只好百度，google解决方法，发现一篇文章说改 //1.3.3版本是这样的，其它