ExtJS
文章平均质量分 85
yubo_725
大前端攻城狮
展开
-
ExtJS入门之Hello World
本文记录的是Extjs入门的第一个程序:Hello World,在浏览器中访问我们的程序,会出现一个提示框,如下图所示:该提示框可以在浏览器内移动,点击OK按钮或右上角的按钮,提示框关闭,下面我们就来实现这个效果。1、要使用Extjs,必须先下载对应的sdk,可以在官方网站上下载,地址为:http://extjs.org.cn/2、下载好了对应的sdk后,可以看到,里面有很多文原创 2015-04-23 13:54:29 · 1083 阅读 · 0 评论 -
ExtJS5.1学习笔记——Grid组件的基本用法
Ext中的Grid组件是一个非常有用的组件,它类似于HTML中的表格,但是功能比普通的表格多得多,如下图所示:下面记录Grid组件的基本用法: *{ font-family: "微软雅黑"; } Ext.onReady(function(){ Ext.define('Person', {//Gri原创 2015-05-11 14:52:51 · 3246 阅读 · 0 评论 -
ExtJS5.1学习笔记10——Proxy代理的使用(客户端代理和服务端代理)
今天学习了ExtJS的Proxy代理,理解Proxy代理用了一点时间,现在总算是有点眉目了,跟代理相关的几个东西有:Model、Store,我自己的理解是:Model就是数据类型的定义,类似于Java里定义一个Java bean,不过Model定义的是数据的字段,比如一个Person,包含name、age两个属性,为其定义Model的话,就是如下的方式:Ext.define('Person',原创 2015-05-11 10:53:16 · 3142 阅读 · 0 评论 -
ExtJS5.1学习笔记7——表单的提交和加载
在学习ExtJS的表单提交时,遇到了一些问题,现在记录如下:1、ExtJS的表单提交分为两种:Ajax方式的提交和标准方式的提交我们在普通的html表单中提交数据时,默认会跳转到新的页面,但是使用ExtJS的Ajax方式提交时,是不会跳转到新的页面的,使用标准方式才会跳转到新的页面,我就一直纳闷怎么表单的提交一直没反应,原来我用的是Ajax方式的提交。使用标准方式提交表单,只需配置一个原创 2015-05-07 10:26:17 · 3116 阅读 · 0 评论 -
ExtJS5.1学习笔记5——创建复杂的表单
效果图如下:下面是代码:Ext.onReady(function(){ var form = Ext.create('Ext.form.Panel', { title: 'form', frame: true, width: 500, height: 400, margin: 20, renderTo: 'form', collapsible: tru原创 2015-05-06 15:06:56 · 1290 阅读 · 0 评论 -
ExtJS5.1学习笔记9——Ext中的Ajax请求
下面的代码展示了在Ext中使用Ajax的方法:首先是html文件的代码: Ext.onReady(function(){ var form = Ext.create('Ext.form.Panel', { renderTo: 'form', frame: true, title: 'Login',原创 2015-05-07 15:20:10 · 1611 阅读 · 0 评论 -
ExtJS5.1学习笔记8——tab控件的使用
tab控件可以在多个页面间切换,如下图所示:下面就是使用Ext实现tab控件的代码: Ext.onReady(function(){ var tabPanel = Ext.create('Ext.tab.Panel', { frame: true, renderTo: 'form', width原创 2015-05-07 11:30:27 · 1083 阅读 · 0 评论 -
ExtJS5.1学习笔记6——给表单填充本地数据的两种方式
本例将要使用两种方式,为表单填充数据,这两种方式分别是:1、使用数据模型为表单填充数据2、使用json数据给表单填充数据下面是程序执行的效果图:下面是程序的代码: *{ font-family: '微软雅黑'; } Ext.onReady(function(){ var for原创 2015-05-07 08:59:11 · 1224 阅读 · 0 评论 -
ExtJS5.1学习笔记4——在html属性中显示大段的html
Ext.onReady(function(){ var win = Ext.create('Ext.Window', { id: 'win', layout: 'fit', title: 'test window', width: 500, height: 400, contentEl: 'content', autoShow: true, maximizable原创 2015-05-06 14:26:30 · 1602 阅读 · 0 评论 -
Extjs5.1学习笔记1——提示框等基本组件的使用
1、Extjs的组件配置方式,有两种:使用逗号分隔的参数,或者使用json配置对象,下面是这两种方法的示例代码:①使用逗号分隔的参数②使用json原创 2015-04-29 10:03:09 · 1267 阅读 · 0 评论 -
ExtJS5.1学习笔记3——自定义类的使用
代码如下: Ext.define('Person', { name: '', age: 0, say: function(){ Ext.Msg.alert(this.name + ' says: ', 'my name is ' + this.name + ', i am ' + this.age + ' years old.'); }, constructor:原创 2015-05-05 16:15:49 · 851 阅读 · 0 评论 -
Extjs5.1学习笔记2——工具栏和菜单栏的使用
1、工具栏的使用,如下代码所示:Ext.onReady(function(){ //创建一个垂直的工具栏 var toolbar = new Ext.toolbar.Toolbar({ renderTo: 'toolbar', /*以id为toolbar的div为容器放置工具栏*/ width: 300, height: 300, vertical: true /*指定工具原创 2015-04-29 16:23:00 · 1324 阅读 · 0 评论 -
运用Ext JS 4的MVC架构
本文转载自:http://www.csdn.net/article/2012-10-16/2810783运用Ext JS 4的MVC架构摘要:Ext JS 4较以前的版本有很多的改进,并引入了MVC开发模式。本文将重点介绍Ext JS 4 MVC给Web开发带来的变化,并结合一个实例,说明如何运用Ext JS 4的MVC架构到WEB开发中。文章最后将与大家一起讨论作者在运用过程转载 2015-05-08 11:10:24 · 2392 阅读 · 0 评论