现在位置: 首页 > layout扩展
+1°
2013年04月18日 layout ⁄ 共 2148字 ⁄ 被围观 17,935 views+
需求分析 很多人看layout组件某个region里面的那个收缩按钮不爽,想把它去掉或者隐藏掉。这显然不是一个复杂的问题,懂点jQuery使用的同学都很容易想到思路:根据选择器隐藏按钮对应的DOM就是了。可惜啊,事与愿违,该问题一直有另一个蛋疼的解决方式。 在region内部再加一个panel组件,layout的region不设置标题,panel的标题设置为region的标题以代替region的标题,同时这个panel的fit属性还要设置为true,要知道fit设置为tru...
阅读全文
+0°
2013年04月11日 layout ⁄ 共 3662字 ⁄ 被围观 4,738 views+
扩展简述 四个扩展包括: 动态设置region的高度或者宽度; 动态设置rehion头部的iconCls; 动态设置region的split是否可用; 动态设置region的split是否可见; 先到先得,后到也不会没得。 实现代码 /**      * layout方法扩展      * @param {Object} jq      * @param {Object} region      */      $.extend($.fn.layout.methods, {             /**      * 设置某个region的宽度或者高度(不支持center)          * @pa...
阅读全文
+0°
2012年04月21日 layout ⁄ 共 1644字 ⁄ 被围观 4,779 views+
在项目开发的过程中总是会遇到这样或者那样的需求,比如说,layout某个region的header部分要求能够动态的删除和新增。 这样的需求利用layout获取panel后,再设置panel的noheader属性,最后再使用panel的resize方法就可以解决问题了,增加header则是一个相反的过程,增加的时候应该可以设置标题。 类似于这样的功能尽管比较小,但是常用的话,代码写起来比较冗余和累赘,所以简单地封装一下还是有必要的,代码如下(注意该代码...
阅读全文
+2°
2012年02月20日 layout ⁄ 共 1616字 ⁄ 被围观 23,100 views+
在使用easyui layout布局的过程中,大多人都会使用fit属性来保证页面调整大小时layout能够重新排版,适应整个页面的调整。不过在layout嵌套的时候,各个panel的border往往需要手工调整,否则两个border并在一起,看起来总不是那么美观,解决思路不外乎三种: 将包含子layout的panel的border属性设置为false,也就是不显示父元素border。 不把子layout的直接放在父一级的某个panel下,而是在这个panel下在放一个div,让子layou...
阅读全文
+11°
2012年02月01日 layout ⁄ 共 4157字 ⁄ 被围观 20,559 views+
在上一篇文章中,我们对jQuery easyui layout 自适应的内部方法setSize做了改进,在此基础上,为layout增加一个用于显示或者隐藏某个region的方法已经变得较为容易了,索性就去实现一下(本扩展适用于1.3.0以及更高版本): 实现步骤: 1.首先是修正resize存在的不足: 详情见:http://www.easyui.info/archives/92.html 扩展我们想要的两个方法:   /**    * layout方法扩展    * @param {Object} jq    * @param {Object} reg...
阅读全文
+1°
2012年01月30日 layout ⁄ 共 1224字 ⁄ 被围观 5,925 views+
jQuery easyui的layout没有提供动态增加或者删除某个区域的接口,在某些特殊场合下,可能显得有些不怎么灵活,不过因为easyui留了很好的扩展方式,实现起来并不困难,以下内容转自easyui学习班 实现代码: $.extend($.fn.layout.methods, { remove: function(jq, region){ return jq.each(function(){ var panel = $(this).layout("panel",region); if(panel){ ...
阅读全文
×