现在位置: 首页 > easyui > Layout > 文章
+2°
2014年10月20日 layout, panel, parser ⁄ 共 1121字 ⁄ 被围观 8,641 views+
jQuery EasyUI1.4版本已经出来有些日子了,因为组件体系动作较大,也产生了不少Bug,不过1.4.1版本一直迟迟不出,本篇文章记录一下1.4版本layout组件很严重的一个Bug(其实内部是因为parser,panel,layout三个组件共同作用形成的)。 我们知道layout依赖panel组件,每个layout实例由一个或者多个region组成,每个region其实就是一个panel实例。而panel组件有个resize事件,我们将这个事件可以写在region对应DOM的data-options里面...
阅读全文
+6°
2014年05月13日 tabs ⁄ 共 2621字 ⁄ 被围观 8,862 views+
jQuery EasyUI的tabs组件里,几乎所有涉及到标签页检索的接口,都只提供了根据标签页的title或者index检索,并没有提供根据ID检索的功能。 不光是缺失根据ID检索的能力,即便是只根据title或者index去检索,相关接口设计得也很不合理,根据title或者index检索却只提供一个参数,看似功能灵活,实质上,个人觉得是语义不清,不提倡这种写法。 通过修改源码的方式让tabs组件支持按照ID检索是很容易的,但修改源码影响正常的版本升...
阅读全文
+8°
2014年04月02日 panel, 源码分析 ⁄ 共 3117字 ⁄ 被围观 11,348 views+
在jQuery EasyUI的几个布局组件中,panel组件是基石类组件,直接使用的比较少,但是像layout,accordion,tabs这样上层布局组件均完全依赖panel组件,即便是datagrid,combo等非布局类组件也对panel组件有一定程度的依赖。所以对panel组件的透彻理解程度,直接决定了各位对EasyUI的认识深度。本篇文章将就panel的DOM结构,实现思路等给出分析,最后也会给出一份加有详细注释的code。 panel在框架中位置 我依赖谁 panel组件是基石组...
阅读全文
+11°
2013年04月19日 tabs ⁄ 共 8244字 ⁄ 被围观 19,993 views+
需求分析 在jQuery Easyui框架中,大多使用url方式(即ajax方式)加载数据的话,都设计了“等待中效果”或者“遮罩效果”。但是实际应用中,并不一定只有ajax方式才需要这些效果,最常见的IFrame其实也需要这种效果,而tabs是使用IFrame频率最高的组件了,本文就来实现tabs组件IFrame模式的遮罩效果。 寻找奠基石 跟ajax不同,IFrame没有请求成功后的回调函数,要实现遮罩的话,我们必须知道在何时关闭遮罩,所以必须能够监控到IFrame...
阅读全文
+1°
2013年04月18日 layout ⁄ 共 2148字 ⁄ 被围观 18,642 views+
需求分析 很多人看layout组件某个region里面的那个收缩按钮不爽,想把它去掉或者隐藏掉。这显然不是一个复杂的问题,懂点jQuery使用的同学都很容易想到思路:根据选择器隐藏按钮对应的DOM就是了。可惜啊,事与愿违,该问题一直有另一个蛋疼的解决方式。 在region内部再加一个panel组件,layout的region不设置标题,panel的标题设置为region的标题以代替region的标题,同时这个panel的fit属性还要设置为true,要知道fit设置为tru...
阅读全文
+0°
2013年04月11日 layout ⁄ 共 3662字 ⁄ 被围观 4,829 views+
扩展简述 四个扩展包括: 动态设置region的高度或者宽度; 动态设置rehion头部的iconCls; 动态设置region的split是否可用; 动态设置region的split是否可见; 先到先得,后到也不会没得。 实现代码 /**      * layout方法扩展      * @param {Object} jq      * @param {Object} region      */      $.extend($.fn.layout.methods, {             /**      * 设置某个region的宽度或者高度(不支持center)          * @pa...
阅读全文
+1°
2013年03月07日 tabs ⁄ 共 1552字 ⁄ 被围观 7,456 views+
现象分析: 我们经常使用以下代码添加tab选项卡: $('#tt').tabs('add', {        title: 'tab4',        closable: true,        cache: true,        tools: [{            iconCls: 'icon-mini-refresh',            handler: function(e) {                alert(e)//弹出undefined            }        }]    });   在handler中,我们试图打印e对象,结果却是undefined,原因很简单,tabs组件的源码在绑定事件的时候...
阅读全文
×