一只不懈努力的程序猿，通过代码实验洞悉技术的本质。

今天学习了Ajax技术，刚刚做了一个省份-城市联动的Ajax应用示例。可能很多人都已经写过了，也是一个比较简单的例子，在这里分享出来大家共同学习交流一下。希望能给到那些像我一样的菜鸟程序员参考一点帮助吧！效果截图：       省份-城市联动就是当你在省份下拉列表框选择一个省份的时候，旁边的城市下拉列表框就会动态地生成该省份对应的城市列表。如：省份是广东，则城市的下拉框对应显示广州、茂

使用ExtJS完成需求：当页面载入时创建一个Ext窗口，该窗口上有两个按钮，当单击按钮一的时候弹出一个普通窗口，当单击按钮二的时候弹出一个窗口，该窗口中显示一棵树。该例子是对窗口的使用和Ext事件驱动编程的一个总结。

ExtJS在事件驱动编程这一块做的是比较好的，下面通过一个简单的例子演示Ext中对事件的处理操作。        在事件驱动编程中，使用ExtJS可以很方便的处理组件的各种事件。为一个组件添加事件的方式是：组件.on(event,fn);         如：为按钮添加一个单击事件就可以这样写， // 创建一个按钮，这里组件的创建就像是Java中一样的，使用面向对象的方法来创建组件，

前两天一直在学习ExtJS之javascript基础，现在正式开始ExtJS梦想之旅，进入了ExtJS的学习！一、ExtJS简介       ExtJS是一种RIA（富因特网应用程序）Ajax框架，它天生丽质，使用它开发出来的web应用可以不用美工的参与，也能做很炫丽的页面效果。它使用Javascript作为开发语言，借鉴了Java中Swing的设计思想，集成了桌面应用的交互性和传统WEB

表格在web开发中会经常被使用到，是一种非常重要的组件，因此ExtJS在这方面做得也很出色，在这里也作为一个重点的组件来和大家分享，共同探讨一下。

Ext.TabPanel是一种基础性的tab容器。Tab面板可用像标准Ext.Panel一样参与布局，亦可将多个面板归纳为一组tabs之特殊用途。这里没有单独而设的tab类—，每一张tab便是一个Ext.Panel。然而，在当Panel放进TabPanel里面的时候，它作为子面板渲染的同时会额外增加若干事件，而这些事件一般的Panel是没有的。       TabPanel的示例：tabp

Viewport一个表示程序可视区域的特殊容器（浏览器可视区域）。视窗渲染在document的body标签上，并且根据浏览器可视区域的大小自动调整并且管理窗口的大小变化。一个页面上只允许存在一个viewport。所有的{@link Ext.Panel 面板}增加到viewport，通过她的items，或者通过她的子面板（子面板也都可以拥有自己的layout）的items，子面板的add方法，这种设计让内部布局的优势非常明显。

ExtJS中Panel（面板）使用的非常多，因此在这里也作为一个重点来谈谈吧！       面板（Panel）是一种面向用户界面构建应用程序最佳的单元块，一种特定功能和结构化组件。面板包含有底部和顶部的工具条，连同单独的头部、底部和body部分。它提供内建都得可展开和可闭合的行为，连同多个内建的可制定的行为的工具按钮。面板可简易地置入任意的容器或布局，而面板和渲染管线（renderin

一、AJAX概念       AJAX是AsynchronousJavascript And Xml的简写，它不是一门新的技术，而是几门技术的综合应用，是WEB2.0时代出现的一种异步通信技术。其中最核心的是在Javascript中调用一个叫XMLHttpRequest类，使用XMLHttpRequest这个类可以不用刷新整个网页就可以跟服务器端进行通信，同时再由这个类负责处理服务器端响应

Ext中的对话框统一使用Ext.MessageBox类来描述。Ext.MessageBox用来生成不同样式的消息框的实用类。还可以使用它的别名Ext.Msg。需要注意的是 MessageBox 对象是异步的。不同于 JavaScript中原生的alert（它会暂停浏览器的执行），显示MessageBox 不会中断代码的运行。由于这个原因，如果你的代码需要在用户对 MessageBox 做出反馈