jQuery MiniUI,快速开发WebUI界面

中文教程

Ext.data-GroupingStore/ JsonStore/ SimpleStore

Ext.data.GroupingStore
继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息
增加了配置属性
groupField : String//用于分组的字段
groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假

Ext.data-Store

Ext.data.Store
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表

方法:不列举继承来的方法
Store( Object config )
构造,config定义为{
 autoLoad : Boolean/Object,    //自动载入

Ext.data-DataReader/ArrayReader/JsonReader/XmlReader

Ext.data.DataReader
纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,
具有如下格式
{
totalRecord:int,
records:Array of Ext.data.Record
}
具体使用参见三个子类

Ext.data-DataProxy/ HttpProxy/ MemoryProxy/ ScriptTagProxy

Ext.data.DataProxy
数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件
beforeload : ( Object This, Object params )
load : ( Object This, Object o, Object arg )
loadexception : ( Object This, Object o, Object arg, Object e )

Ext.data- Connection/Ajax/Record

Ext.data.Connection
访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)

Connection( Object config )
构造,config定义为{
 autoAbort : Boolean,
 defaultHeaders : Object,
 disableCaching : Boolean,

Ext类关系草图

 
点击这里查看大图

作者姓名:blackant2
作者博客:http://blog.csdn.net/blackant2

EXT核心API详解(七)-Ext.KeyNav / KeyMap / JSON / Format / DelayedTask / TaskRunner / TextMetrics / XTemplate

Ext.KeyNav
Ext的keyNav类能为Ext.Element元素提供简单的按键处理方法
例:
var el=Ext.get("textarea");
new Ext.KeyNav(el, {
    "left" : function(e){
        alert("left key down");
        },
    scope : el
    }
);

EXT核心API详解(六)-Ext.Fx

Ext.Fx类
对于我这样的懒鬼而言,Fx类是核心类库中最激动人心的一个类,它不是最重要的,却是最实用的一个类
定义了一些常用的特效方法,不妨自己多动手试试下面的方法,很有趣的

fadeIn( [Object options] ) : Ext.Element
渐显 options参数有以下属性

EXT核心API详解(五)-Ext.EventManager/ EventObject/ CompositeElement/ CompositeElementLite

Ext.EventManager
事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理


addListener( String/HTMLElement el, String eventName, Function handler,
on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Object options] ) : void

EXT核心API详解(四)-Ext.DomQuery/DomHelper/Template

Ext.DomQuery类
selector语法详见Ext类

compile( String selector, [String type] ) : Function
编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一

filter( Array el, String selector, Boolean nonMatches ) : Array

EXT核心API详解(三)-Ext.Element

Ext.Element类



Element( String/HTMLElement element, [Boolean forceNew] )

由id或DOM节点创建Element对象



Element.fly( String/HTMLElement el, [String named] ) : Element

由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突



Element.get( Mixed el ) : Element

EXT核心API详解(二)-Array/Date/Function/Number/String

Array类

indexOf( Object o ) : Number

object是否在数组中,找不到返回-1;找到返回位置

remove( Object o ) : Array

从数组中删除指定的对象object,如果找不到object则数组无变化



Number类

constrain( Number min, Number max ) : Number

EXT核心API详解(一)

Ext类

addBehaviors( Object obj ) : void

对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如

addBehaviors({

   // id=foo下所有的a标签加入click事件

   '#foo a@click' : function(e, t){

       // do something

   },

   // 用,分隔多个选择器

学习YUI.Ext 第七天-View&JSONView Part Two-一个画室网站的案例

之前在Part 1简单介绍了Veiw和JSONView。今天这里小弟为大家说说应用的案例,原本Jack的Image Chooser是一个非常好的案例,当中包含Jack大量的奇技淫巧,不过正因为这样,过于深奥,小弟我亦不能全盘吃透,只挑其“勃大茎深”之处,与君共勉之!

学习YUI.Ext 第七天--关于View&JSONView

学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)

下面将介绍如何异步取一棵树的所有节点,具体做法与官方同步取节点有很大不同,尤其在json的id属性上,下面是我一些摸索,可能不是最佳方案,有待大家一起研究。

学习YUI.Ext 第六天--关于树TreePanel(Part 1)

树组件是YUI.Ext 0.40 新增的组件。

一、加载一个同步Tree:

var TreeTest = function(){
var Tree = YAHOO.ext.tree;// 快捷方式

学习YUI.Ext 第五天--Grid组件的简易分页

读者应先下载本例涉及的示范代码。这里是一个已经完成好的例子。

Grid数据
Grid的分页必须依靠服务端(Server Side)来划分好每一页的数据才可以完成。

学习YUI.Ext 第四天--开始使用Grid

概述: 本教程将以XML为数据源,带你进入Grid的世界。

本文涉及的范例代码,可以在这里下载。一个完成好的例子可在这里找到。

步骤一 定义数据(Data Definition)
首先要让Grid知道XML文档定义了每一行是什么数据。正如所见,我们命名了"item"在下面的XML样本中。

单行的XML样本数据
[code]

学习YUI.Ext 第三天:EXT:Menu组件

概述: 讲讲如何使用Ext菜单器件

这篇教程中,我们将学习使用Ext的菜单器件(Menu Widgets)。假设读者已经阅读过Ext简介一文,并懂得一些Ext的基本相关知识。菜单器件是Ext库中较迟实现的器件。它由几个类联合构成,使得创建一个菜单只需若干代码块(Block of code)。