easyui
一渣程序猿
坚持成就人生,奋斗实现梦想
展开
-
easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
所谓为了支持某属性的子属性,主要为了解决。在服务器返回的json格式的数据的某个属性带有自属性,而我们恰恰又需要使用到该子属性作为我们的datagrid的某个字段的。默认情况下datagrid只能支持一级属性字段(属性的属性字段属于二级字段)。对于这个问题的解决方案有两种方式1、就是更改esayui源文件,是其支持field.sonfield的形式。javascript语法原创 2014-12-15 14:40:01 · 4049 阅读 · 2 评论 -
使easyui中combobox限制显示的数量以提升效率(修改源码)
在使用combobox做自动补全时,当下拉框数据量大的时候会导致效率大大降低,那么此时我们可以限定每次提示的数据量以提升效率,实现方式如下:找到以下位置的源码,添加注释为//add的位置的行即可$.map(qq,function(q){q=$.trim(q);var _978=q;var _979=undefined;var dataSize=0;//addfor(var原创 2015-10-26 17:39:07 · 3492 阅读 · 0 评论 -
使easyui中combobox控件支持本地数据自动补全
easyui的combobox确实给我们实现自动补全功能带来了便利,但是有时候我们为了减少服务器压力,会将一些不常更改的数据缓存到前端,例如使用cookie和html5的storage进行缓存.那么如何使用combobox实现对缓存数据进行提示呢?直接上代码: filter:function(q, row){//当输入数据时会调用该方法进行筛选过滤,支持键值同时搜索 var opts原创 2015-10-26 17:14:53 · 3231 阅读 · 0 评论 -
easyui中combobox 验证输入的值必须为选项框中的数据
当作为提示框的方式时,combobox必须设置为允许用户输入的模式,但是当用户输入后未选择正确的数据就直接按tab或点击鼠标离开控件会导致用户输入无效的值并且通过验证,为了避免这种情况的发生我们需要对输入的值进行确认,输入不正确就清空用户的输入框以达到提示的效果上代码: onHidePanel : function() { var _options = $(this).comb原创 2015-10-26 17:19:53 · 9503 阅读 · 1 评论 -
easyui动态添加validType
有时候有些验证值的可能需要实现,动态添加validType,本以为直接$('#price').numberbox('options').validType = 'length[4]';就可以了,百般尝试后都不行,决定调试源码,调试时发现根本不是从numberbox对象中获取的options,而是从另一个input对象获取的验证,便修正了代码,并成功实现动态添加validType,以numberbo原创 2015-11-07 14:28:38 · 6931 阅读 · 0 评论 -
easyui-datagrid多笔删除的BUG
当在使用datagrid多笔删除时,会出现datagrid选中缓存的问题,即使调用reload,load重新加载数据也是一样,我也是无意中发现这个bug的,解决办法也很简单,既然源头是datagrid未清除选中,那么在删除之后调用取消选中即可grid.datagrid("clearChecked");//1.3.2版本可以使用grid.datagrid("clearSelections");/原创 2015-07-10 10:57:20 · 607 阅读 · 0 评论 -
解决easyUI 1.4.1 dataGrid加载数据慢的问题
最近用datagrid加载1000条数据,发现效率不是一般的低,遂调试了一下,发现原来是datagrid内部机制捣的鬼,datagrid支持两种column,一种是columns(可拖动的列),另一种是frozenColumns(grid左侧的固定列),因为实现机制实际是两个table,所以需要对每一行做比较,取最高的值,重新设置css的高度会导致浏览器重新渲染,好吧,原因你也该懂的啦.修改办原创 2015-01-07 16:03:54 · 4960 阅读 · 1 评论 -
easyui实现可新增不可编辑的datagrid及动态配置列隐藏/显示
前段时间遇到的一个问题,因为主键列不能让客户编辑,但是新增的时候需要可以填写,不知道有没有小伙伴跟我遇到同样的问题,这里给出我个人的解决方案:可编辑的列需要设置editor属性,有关editor的Type设置为datetimebox请参考我的另一篇:例如: width : '120', title : tArray[0].title, field : '原创 2014-12-26 16:33:59 · 3853 阅读 · 0 评论 -
easyui扩展datagrid-groupview实现支持全选及点击标题收缩
由于公司业务需求,groupview本身不支持组全选和点击标题收起和展开数据列,网上也没找到相关的资料,所以对原先的groupview.js做了点扩展,使其支持点击标题缩放以及组全选,本人使用的是datalist对象,测试无bug,希望能帮到有需要的朋友,效果如图:var groupview = $.extend({}, $.fn.datagrid.defaults.view, {原创 2015-05-27 18:06:24 · 6254 阅读 · 1 评论 -
jqueryeasyui-datagrid-编辑器扩展-日期时间编辑器
//datagrid 编辑器扩展$.extend($.fn.datagrid.defaults.editors, { datetimebox: { init: function (container, options) { var input = $('') .appendTo(container); //编辑框延迟加载转载 2014-12-15 13:59:50 · 2456 阅读 · 0 评论 -
easyui扩展JS
根据业务进行的扩展,easyui版本1.4.2var sy = sy || {};/** * 扩展validatebox,修改默认值 * * @author Ray * * @requires jQuery,EasyUI */$.extend($.fn.validatebox.defaults, { inputEvents:{ focus:function(原创 2016-01-28 17:18:47 · 1246 阅读 · 0 评论