WebUI框架使用参考
关注jQuery easyui,zTree,my97,highcharts等前台UI的使用

需求分析 很多人看layout组件某个region里面的那个收缩按钮不爽，想把它去掉或者隐藏掉。这显然不是一个复杂的问题，懂点jQuery使用的同学都很容易想到思路：根据选择器隐藏按钮对应的DOM就是了。可惜啊，事与愿违，该问题一直有另一个蛋疼的解决方式。 在region内部再加一个panel组件，layout的region不设置标题，panel的标题设置为region的标题以代替region的标题，同时这个panel的fit属性还要设置为true，要知道fit设置为tru...

扩展简述 四个扩展包括： 动态设置region的高度或者宽度； 动态设置rehion头部的iconCls； 动态设置region的split是否可用； 动态设置region的split是否可见; 先到先得，后到也不会没得。 实现代码 /**      * layout方法扩展      * @param {Object} jq      * @param {Object} region      */      $.extend($.fn.layout.methods, {             /**      * 设置某个region的宽度或者高度(不支持center)          * @pa...

在项目开发的过程中总是会遇到这样或者那样的需求，比如说，layout某个region的header部分要求能够动态的删除和新增。 这样的需求利用layout获取panel后，再设置panel的noheader属性，最后再使用panel的resize方法就可以解决问题了，增加header则是一个相反的过程，增加的时候应该可以设置标题。 类似于这样的功能尽管比较小，但是常用的话，代码写起来比较冗余和累赘，所以简单地封装一下还是有必要的，代码如下（注意该代码...

在使用easyui layout布局的过程中，大多人都会使用fit属性来保证页面调整大小时layout能够重新排版，适应整个页面的调整。不过在layout嵌套的时候，各个panel的border往往需要手工调整，否则两个border并在一起，看起来总不是那么美观，解决思路不外乎三种： 将包含子layout的panel的border属性设置为false，也就是不显示父元素border。 不把子layout的直接放在父一级的某个panel下，而是在这个panel下在放一个div，让子layou...

在上一篇文章中，我们对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...

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){ ...