现在位置: 首页 > easyui > Layout > layout > 文章
+2°
2014年10月20日 layout, panel, parser ⁄ 共 1121字 ⁄ 被围观 8,635 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里面...
阅读全文
+1°
2013年04月18日 layout ⁄ 共 2148字 ⁄ 被围观 18,621 views+
需求分析 很多人看layout组件某个region里面的那个收缩按钮不爽,想把它去掉或者隐藏掉。这显然不是一个复杂的问题,懂点jQuery使用的同学都很容易想到思路:根据选择器隐藏按钮对应的DOM就是了。可惜啊,事与愿违,该问题一直有另一个蛋疼的解决方式。 在region内部再加一个panel组件,layout的region不设置标题,panel的标题设置为region的标题以代替region的标题,同时这个panel的fit属性还要设置为true,要知道fit设置为tru...
阅读全文
+0°
2013年04月11日 layout ⁄ 共 3662字 ⁄ 被围观 4,825 views+
扩展简述 四个扩展包括: 动态设置region的高度或者宽度; 动态设置rehion头部的iconCls; 动态设置region的split是否可用; 动态设置region的split是否可见; 先到先得,后到也不会没得。 实现代码 /**      * layout方法扩展      * @param {Object} jq      * @param {Object} region      */      $.extend($.fn.layout.methods, {             /**      * 设置某个region的宽度或者高度(不支持center)          * @pa...
阅读全文
+2°
2012年05月18日 layout ⁄ 共 1015字 ⁄ 被围观 8,247 views+
首先强调的是,在正常状态下,子布局是不会遮盖父布局的,我所描述的bug是指:“在收缩或展开父布局某个region的时候,在jQuery的动画过程中,子布局的north,south,west,east四个region会遮盖父布局的相关region,动画结束后便会自动调整好。”。 如果我上面的描述还不够清楚的话,下面两个图应该会让你明白的: 这是正常状态的,没什么问题: 展开west区域的过程中出现问题了,居然被子布局的north区域给挡住了,很难看: 您可...
阅读全文
+0°
2012年04月21日 layout ⁄ 共 1644字 ⁄ 被围观 4,896 views+
在项目开发的过程中总是会遇到这样或者那样的需求,比如说,layout某个region的header部分要求能够动态的删除和新增。 这样的需求利用layout获取panel后,再设置panel的noheader属性,最后再使用panel的resize方法就可以解决问题了,增加header则是一个相反的过程,增加的时候应该可以设置标题。 类似于这样的功能尽管比较小,但是常用的话,代码写起来比较冗余和累赘,所以简单地封装一下还是有必要的,代码如下(注意该代码...
阅读全文
+4°
2012年04月12日 layout ⁄ 共 1152字 ⁄ 被围观 18,844 views+
昨天群里有朋友问我Easyui layout的分割线是否可以动态隐藏和禁用,现在的各种需求还真是五花八门啊,或许这种需求根本就不应该考虑去layout实现,不过既然有人提出来,想办法解决一下也是造福群众。 实现动态隐藏/显示分割线: 大家都知道的是layout的region(north,south,west,east)是否显示分割线是通过往region所在的标签中加入split属性控制的,在easyui已经完成对layout渲染的情况下,再去用jQuery改变split属性也是无用...
阅读全文
+1°
2012年03月15日 layout ⁄ 共 4782字 ⁄ 被围观 10,786 views+
在使用layout布局的时候,分割线是经常被使用的,而且分割线内会有一张用于表明该分割线可拖动的标志图片,或者是背景图片。大多现成的UI框架也都考虑到了这一点,用户体验比较好。 easyui layout 却没有提供分割线的图片支持功能,有些美中不足。同时由于easyui layout使用的是border布局方式,分割线其实是div的border,而border是不支持背景图的,扩展起来较麻烦。 要想让easyui layout的split支持图标,还得靠自己使用div...
阅读全文
×