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

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

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

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

最近有些朋友问如何给tabs的header绑定双击事件，他们主要是想在双击事件里面“关闭”或者“最大化”tabs组件。tabs组件自身并没有提供dblclick事件接口，不过tabs组件的DOM结构非常简单，我们自己绑定也很容易，直接上代码了： 实现代码： $.extend($.fn.tabs.methods, {     /**      * 绑定双击事件      * @param {Object} jq      * @param {Object} caller 绑定的事件处理程序      */     bindDblclick: function(jq,...

对于tabs组件，使用href方式的时候，二次或者多次请求现象是很多人都遇到过的问题，尽管官方一再声明解决了相关bug，但是依旧一堆人会遇到二次请求的问题，每每分析下来我们都会发现大多数是自己代码的问题，而不是控件本身的问题。本篇讨论一个隐藏较深的似bug而非bug的二次请求问题。 Bug重现： 为了重现Bug，A页面我们定义一个tabs组件，并且初始化一个带有mini工具的tab页，mini工具栏里面包含一个小的刷新按钮用户刷新该...

Easyui的面板组件(panel)有个cache属性，这个属性究竟有什么用处，体现在哪里？本文就针对几点需要注意的地方做特别说明，文字上不做冗余的描述了。 panel缓存的体现： 当我们展开收起状态的panel的时候，cache会起作用。 在设置了href属性的前提下：当我们展开一个收起状态的面板时，如果cache设置为false，面板将重新向目标URL发送数据请求，获取到新数据加载到面板中显示；如果cache设置为true，这个展开的过程将不会发送aj...

众所周知，jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容：“href远程请求”和“content本地内容”，本文就两种方式的优缺点进行简单分析和思考。 两者特点： href方式加载数据的特点： 被加载的页面只有body元素内部的内容才会被加载，也就是jQuery的ajax请求的只是html片段。 加载远程url时有遮罩效果，也就是“等待中……”效果，用户体验较好。 当加载的页面布局较为复杂，或者有较多的js脚本需要运行的时候，...