ExtJS
文章平均质量分 53
大侠肖
我希望活得深刻,并汲取生命中所有的精华,然后从中学习,以免让我在生命终结时,却发现自己从来没有活过!
展开
-
十一、消息对话框
前面已经涉及了简单的消息对话框Ext.MessageBox.alert(等同于Ext.Msg.alert),现在新建一个MessageBoxExamples.html网页,其内容如下: 消息窗体 然后新建一个MessageBoxExamples.js文件,添加一个按钮,并在按钮的单击事件里面添加弹出最简单的原创 2012-09-18 16:11:37 · 1222 阅读 · 0 评论 -
三、表格
表格是一种常见的数据表现方式,ExtJS也提供了强大的表格显示工具。现在新建一个mygrid.html文件,并添加基本的HTML代码,如下: 表格 以上红色代码是需要在基本代码里面自己添加的。然后新建一个mugrid.js文件,这个js文件的代码如下:Ext.require([ //添原创 2012-09-18 15:58:26 · 1241 阅读 · 0 评论 -
十三、自定义组件
有时候需要自定义组件使得Web程序更加丰富,ExtJS也提供了自定义组件的功能,主要通过Ext.define来实现。下面先新建一个MyPanel.html文件,其内容如下: 自定义Panel 然后新建一个MyPanel.js和XZYPanel.js文件,自定义的组件名称为XZYPanel,XZYPanel.js文原创 2012-09-18 16:16:43 · 928 阅读 · 0 评论 -
九、表单Form
表单内容非常丰富,包含多种控件,如textfield、combobox、datefield、textarea等。现新建一个SimpleForm.html网页,其内容如下: Form表单 然后新建一个SimpleForm.js文件,在JS文件中添加如下代码:Ext.onReady(function(){原创 2012-09-18 16:06:05 · 1052 阅读 · 0 评论 -
七、Panel面板
新建一个Panel.html网页,其内容如下:Panel面板 然后新建一个Panel.js文件,在该文件中添加定义Panel代码,如下:Ext.onReady(function(){ var myPanel =Ext.create(‘Ext.form.Panel’,{ title:’我的第一原创 2012-09-18 16:03:43 · 1008 阅读 · 0 评论 -
十二、ExtJS与Webservice应用
Webservice与ExtJS结合的应用中有许多细节值得注意,下面就从Visual Studio创建一个Webservice项目开始,首先启动Visual Studio并新建一个“Asp.Net Web服务应用程序”或“Asp.Net Web应用程序”,新建项目命名为“TestWebService”,如下图所示:打开项目中默认新建的Service1.asmx文件(如果没有asmx,则原创 2012-09-18 16:15:32 · 2215 阅读 · 0 评论 -
十、窗口
ExtJS的窗口(Window)可以在网页中任意添加,由于其可以放大、缩小、移动,非常灵活,在使用过程中非常受欢迎。现新建一个Window.html网页,其内容如下: Window窗体 然后新建Window.js文件,添加如下代码:Ext.onReady(function(){ var myWin =原创 2012-09-18 16:08:27 · 773 阅读 · 0 评论 -
六、ComboBox控件
首先新建一个ComboBox.html网页,其内容如下:ComboBox控件 width=”100%” height=500/>然后新建一个ComboBox.js文件,其内容如下:Ext.onReady(function(){ //1 定义数据模型Ext.define(‘myDataModel’, {原创 2012-09-18 16:02:22 · 1516 阅读 · 0 评论 -
五、按钮
按钮是一种非常常见的控件,ExtJS中按钮在Ext.Button中,新建一个Button.html网页,其内容如下:按钮 然后新建Button.js文件,其内容如下:Ext.onReady(function(){ var myButton01 =Ext.create(‘Ext.Button’,原创 2012-09-18 16:00:50 · 741 阅读 · 0 评论 -
四、从XML读取数据表格
XML是一种常见的数据,其应用也非常广泛。现在新建一个名为xmlgrid.html网页,其内容如下:XML表格 然后新建一个xmlgrid.xml文件,其内容如下:张三男20120011701985 9/1 12:00am王芳女20120031601985 10/原创 2012-09-18 15:59:49 · 2293 阅读 · 0 评论 -
二、第一个ExtJS例子
一个基本的ExtJS需要包括基本的ExtJS库,主要是在解压的ExtJS文件夹中,主要有locale文件夹、resources文件夹、src文件夹和bootstrap.js等js文件,如下图所示:新建一个index.html文件,其内容为: 欢迎来到ExtJS世界 Ext.onReady(function(原创 2012-09-18 15:56:57 · 816 阅读 · 0 评论 -
一、ExtJS4.1安装与配置
1、首先,在官方网站下载http://www.sencha.com/products/extjs/,下载最新版本的ExtJS,下载之后将文件解压,如下图所示。2、下载开发工具(主要是Javascript的智能提示)Spket,如果已经安装了Eclipse,则只需要下载Spket的Eclipse插件即可,下载地址http://www.spket.com/,下载直接解压,有两个文件夹(fe原创 2012-09-18 15:54:59 · 2310 阅读 · 0 评论 -
十四、地图
目前很多地图服务商提供了面向Javascript的地图服务,如百度、Google、MapABC、微软等,其开发方式都大同小异。下面以百度地图为例来说明这一过程,我们以前面自定义组件的知识为基础,通过自定义一个MyMapPanel来显示和管理地图。首先新建一个MapTest.html网页,其内容如下: 地图原创 2012-09-18 16:19:22 · 1174 阅读 · 0 评论 -
八、Viewport
Viewport是一个表示程序可视区域的容器,它会直接渲染在HTML的body上,并且可以根据浏览器可视区域的大小自动调整窗口,但是一个网页中只允许存在一个Viewport,若要添加面板,则通过它的items来添加。上一例中添加了两个Panel到第三个Panel中,本例将这两个Panel添加到Viewport中。首先新建一个Viewport.html网页,其内容如下:Viewp原创 2012-09-18 16:05:32 · 996 阅读 · 0 评论