extJS中QuickTips的作用及用法

在extJS的例子中,大部分都在程序第一行使用了如下语句:

Ext.QuickTips.init();
...

Tags: Ext  ExtJS  javascript  JS  
form和column:extJS的布局关键字

对于一个容器组件,比如Ext.FormPanel,其内部空间无非是按照横向或纵向划分;如果需要更复杂的布局方式,就对第一次划分得到的子区域进行再划分。 form的含义是把容器按照横向划分,划分得到的行数与容器内的子元素(直接子元素,而不包含子元素内部的元素)个数相同,每个元素占一行; column的含义是把容器按照纵向划分,划分得到的列数同上。 下面看看如何使用form和column 比如让我们实现一个登录的界面: var login = new Ext.FormPanel({ labelAlign: 'top', ...


Tags: Ext  ExtJS  form  column  javascript  JS  
Ext布局类的介绍与使用
在WEB应用的开发中,应用界面的布局设计是一项很重要的内容。在EXT中,可以通过
BorderLayoutNestedLayoutPanel很方便的设计出各种的布局。本文章的主要内容主要
是介绍如何通过BorderLayoutNestedLayoutPanel以及各种面板设计页面布局。
... 
            
Tags: Ext  ExtJS  笔记  javascript  JS  
Ext 布局Layout使用总结
布局Layout的一些概念:
区域(region):任何一个封闭的DOM元素,例如body,div,span等
布局管理器(layout manager):负责管理页面中的区域。在Ext中布局管理的主要的用户组件是BorderLayout类。在BorderLayout中划分好了一些预定的区域。可用的区域分别有south, east, west, north,和center。每一个BorderLayout对象都提供这些区域,但只有center要求必须使用的。
...

Tags: Ext  ExtJS  笔记  javascript  JS  
Ext2.0布局类初探

作者写的这篇对于ext2的讲解很好,收藏到自己博客上以后多学习!也希望对喜欢ext的朋友有所帮助。
==================================
      Ext2.0正式版虽然还没出来,但是官网上的例程还是令人兴奋不已。内存泄漏的问题应该是解决了,布局类更新了,增加了新的东西,grid的功能更加强大,tabs也增加了循环按钮,还增加了类似delphi action manager的action类,在反映速度上也有一定的提升,这些新功能确实很令人振奋,可惜正式版还没出来,API也还没出来,所以想立刻使用2.0版做开发的,会有一定的困难。本文的目的就是和大家一起探讨一下2.0版的布局类,希望在API没有出来之前对大家的开发有所帮助,还有就是希望大家提供一些反馈意见,以便完善这篇文章。多谢!
...


Tags: Ext  ExtJS  javascript  JS  
Ext学习笔记
Ajax, Yui-Ext Share This Add comments 文档载入结束 初始化dom
Ext.onReady(function(){
//初始化以及应用代码
});
弹出警告对话框
Ext.MessageBox.alert("Warning", "This example is not done and results may vary.");
...

Tags: Ext  ExtJS  笔记  javascript  JS  
ExtJS2.0开发与实践笔记[4]——Ext中的动画处理

在进行Javascript开发,有时会有一些动画效果的实现需要,这往往浪费了开发人员不必要的精力。而Ext开发小组则提供了Fx类集中处理了大部分常用的js动画特效,减少了我们自己手写代码的复杂度。

下面我给出一个简单的实例代码,其中囊括了大部分的Ext动画效果:

效果图如下:

...


Tags: 笔记  Ext  ExtJS  javascript  JS  
ExtJS2.0开发与实践笔记[3]——Ext中的Menu

在桌面程序gui开发中,menu是我们所经常使用的组件之一,它为用户提供了便利的程序功能选择项;而在web开发中,如何制作menu菜单效果一直是个很棘手的问题,如何让菜单通用,如何令菜单响应事件都需要我们自己动手来完成。所幸Ext也为我们提供了Menu组件,以Ext进行开发时,我们的不必要工作量将大大的减少。

Ext的Menu组件,是通过几个类的联合来使用的,这些类包括:Ext.Toolbar、Ext.menu.Menu、Ext.menu.Item、 Ext.menu.CheckItem,以及一些特殊类型的菜单或菜单项,例如菜单Ext.menu.DateMenu、菜单项Ext.menu.ColorItem。 
...


Tags: Ext  ExtJS  笔记  javascript  JS  
ExtJS2.0开发与实践笔记[2]——Ext中的Layout(下)
...

Tags: Ext  ExtJS  笔记  javascript  JS  
ExtJS2.0开发与实践笔记[2]——Ext中的Layout(上)

我们都知道java中有布局管理器的概念,通过调整布局器可以简化我们对可视组件的管理。而在Ext中同样提供了自己的布局实现,以简化web界面的开发与定制。

如下图所示,Ext的Layout可分解为东、西、南、北、中5个基本区域。


在ExtJS2.0实现中,我们可以写成如下代码样式。ExtJS2.0配置方法如下:初识ExtJS
...


Tags: 笔记  Ext  ExtJS  javascript  JS  
ExtJS2.0开发与实践笔记[1]——ExtJS中的Dialog与Form(下)

form应用实例,在此我演示了Ext中简单的Form生成方式。

FormExt.js
 

...

Tags: Ext  ExtJS  笔记  javascript  JS  
ExtJS2.0开发与实践笔记[1]——ExtJS中的Dialog与Form(上)

ExtJS2.0中提供了一整套的web表示层UI解决方案,令我们可以非常轻易的实现平时较为复杂的javascript操作,在此我以表示层开发中使用较多的Dialog与Form功能进行一次ExtJS2.0的实现演示。

ExtJS2.0的配置及运行方式请参阅 ExtJS2.0开发与实践笔记[0]-初识ExtJS
...


Tags: Ext  ExtJS  笔记  javascript  JS  
分页:[«] 1[2] [»]
Feed订阅集
勤劳致富^.^
Powered By Z-Blog   STYLE by busfly . FatMouse
Copyright © 2007 巴士飞扬技术博客. . 沪ICP备07027972号. 会员群1(VS为主):3769186.