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

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里面...

jQuery EasyUI的tabs组件里，几乎所有涉及到标签页检索的接口，都只提供了根据标签页的title或者index检索，并没有提供根据ID检索的功能。 不光是缺失根据ID检索的能力，即便是只根据title或者index去检索，相关接口设计得也很不合理，根据title或者index检索却只提供一个参数，看似功能灵活，实质上，个人觉得是语义不清，不提倡这种写法。 通过修改源码的方式让tabs组件支持按照ID检索是很容易的，但修改源码影响正常的版本升...

在jQuery EasyUI的几个布局组件中，panel组件是基石类组件，直接使用的比较少，但是像layout,accordion,tabs这样上层布局组件均完全依赖panel组件，即便是datagrid,combo等非布局类组件也对panel组件有一定程度的依赖。所以对panel组件的透彻理解程度，直接决定了各位对EasyUI的认识深度。本篇文章将就panel的DOM结构，实现思路等给出分析，最后也会给出一份加有详细注释的code。 panel在框架中位置 我依赖谁 panel组件是基石组...

需求分析 在jQuery Easyui框架中，大多使用url方式(即ajax方式)加载数据的话，都设计了“等待中效果”或者“遮罩效果”。但是实际应用中，并不一定只有ajax方式才需要这些效果，最常见的IFrame其实也需要这种效果，而tabs是使用IFrame频率最高的组件了，本文就来实现tabs组件IFrame模式的遮罩效果。 寻找奠基石 跟ajax不同，IFrame没有请求成功后的回调函数，要实现遮罩的话，我们必须知道在何时关闭遮罩，所以必须能够监控到IFrame...

需求分析 很多人看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...

现象分析： 我们经常使用以下代码添加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组件的源码在绑定事件的时候...