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

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

在Datagrid基础DOM结构的一文中，我对Datagrid组件的骨架做了很详细的描述。有了骨架还并不完整，还得有血有肉有衣服穿才行。强大的Datagrid组件允许我们自己定义如何在基础骨架上长出健壮诱人的身体，我们只要定义Datagrid的视图就可以实现。 在大多数情况下，我们并无特别要求，Datagrid给我们提供了默认的视图，默认视图被使用在90%以上的场景，所以对默认视图的分析显得非常有必要。注意视图里面定义了哪些接口，哪些方法，...

标题可能有点长，什么叫“完整的基础DOM结构”，这里“基础”的意思是指这个结构不依赖具体数据，不依赖Datagrid的view属性，只要存在Datagrid实例就会存在这样的基础DOM结构；而“完整”的意思是指在冻结列，冻结行，标题，footer，分页这些功能块都存在时候的DOM结构。 要搞清楚Datagrid的工作原理，这个DOM结构必须要烂熟于胸的，我们直接来看这个“基础完整DOM结构”是什么样子的： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ...

combobox组件继承combo组件，其实用频率较基础的combo组件要高得多，本篇文章对1.3.2的combobox组件源码做简单阐述和压缩码翻译，话不多说，直接上代码了： 代码概况: /** * jQuery EasyUI 1.3.2 * * Copyright (c) 2009-2013 www.jeasyui.com. All rights reserved. * * Licensed under the GPL or commercial licenses To use it on other terms please * contact us: jeasyui@gmail.com http://www.gnu.org/...

combo作为较为基础类的组件，在jQuery Easyui体系中也有非常重要的地位，combobox,datebox等组件都依赖combo组件。话不多说，直接上带有注释的源码： /** * jQuery EasyUI 1.3.1 * * Licensed under the GPL terms To use it on other terms please contact us * * Copyright(c) 2009-2012 stworthy [ stworthy@gmail.com ] * 注释由小雪完成，更多内容参见www.easyui.info * 该源码完全由压缩码翻译而...

validatebox属于非常简单的一个组件了，不过大多form都会用到这玩意，所以深入了解一下还是有必要的，话不多说了，直接上带注释的代码： /**    * jQuery EasyUI 1.3.1    * 源码基于1.3.1    * Licensed under the GPL terms    * To use it on other terms please contact us    * Copyright(c) 2009-2012 stworthy [ stworthy@gmail.com ]    * 注释由小雪完成，更多内容参见www.easyui.info    */   (function($) {     ...

parser组件作为easyui的基础类组件，其实担当者相当重要的角色，我们之所以能够通过定义一些样式就能完成对页面的自动渲染，完全是依靠parser组件；同时parser组件内部还定义了公用的属性转化器等几个实用工具，话不多说了，直接上带有注释的代码： /**    * jQuery EasyUI 1.3.1    * Licensed under the GPL terms    * To use it on other terms please contact us    * Copyright(c) 2009-2012 stworthy [ stworthy@gmai...