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

之前分别写过panel,dialog,window三个组件因为拖曳或者reSize造成组件越界而无法还原的问题，两篇文章分别针对拖曳和reSize给出了解决方案。不过根据朋友的反馈，reSize的解决方案和拖曳的解决方案同时使用时存在效率低下的问题，个人也在进一步使用过程中发现了另外一些问题，共修正以下Bug： 原生panel并无拖曳和缩放功能，且继承panel组件的上层组件太多，极容易出问题，故放弃对panel组件的支持。 onResize配合onMove使用...

前面有篇文章提到过panel,dialog,window三个组件有时候会被拖到父元素之外而无法被拖回，当时是采用监听panel组件的onMove实现阻止超出父元素边界的，所以并没有考虑窗口调整大小(resize)造成超出边界的情况，本问通过监听panel组件onResize回调来阻止因resize而超出边界的情况。 必要准备： 要想包裹住panel，因为panel默认的position是absolute，所以父元素的position属性必须为relative或者absolute，这是css规则。在父元素...

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

概要分析 粗略地分析panel的源码我们知道，panel的href方式获取数据使用的是jQuery的ajax方法，ajax获取返回纯文本，该文本作为变量传给success回调，也就是说，在success内部交由panel组件进一步处理，我们来看看代码片段： $.ajax({        url: _18e.options.href,        cache: false,        success: function(data){            _190.html(_18e.options.extractor.call(_18d, data));            if ($.parser) {  ...

需求分析： 大家应该都知道，panel的内容可以通过content设置，也可以通过href属性设置远程数据。当我们使用href的时候，如果href返回了包含easyui内部样式的时候，easyui能够自动渲染获取到的远程数据为对应的组件。 这是个非常必要的功能，省去了我们每次对href的数据进行parse的过程。然而，是不是我们每次都希望href的数据立刻被parse呢？我想有些特殊场景还是不希望立刻被parse的，比如说，我的目标href里面包含了代码高...