ExtJs4.0
关注
分享
扫一扫
文章平均质量分 83
zhaoqiliang527
这个作者很懒，什么都没留下…
展开
-
ExtJS 4中动态加载的路径设置
Extjs4动态加载的路径设置方法。在Loader对象中，动态加载是使用getPath方法获取下载路径的，其代码如下： getPath : function(className){ varpath='', paths=this.config.原创 2011-08-30 17:00:20 · 1064 阅读 · 0 评论 -
ExtJS4学习笔记(十二)---ExtJS4 EditGrid(可编辑的Grid)
上一篇文章，在Grid中加入了多选/全选功能，实际运用中，我们可能需要动态修改Grid中的数据，也就是要实现EditGrid功能。本文介绍如何实现Extjs4 EditGrid功能。先发几张效果图。看图说话，更有说服力哦。 HTML原创 2011-08-30 17:37:20 · 5508 阅读 · 1 评论 -
ExtJS4学习笔记(十一)---Grid多选/全选
上一篇文章，在Grid中加入了搜索功能，但大量数据需要删除操作的时候，总不能一条一条去删除吧，本文介绍如何在Extjs4 Grid中加入全选功能。先来张效果图：点击显示所选后：注意点：1、需要在JS文件中动态加载“'Ext.selection.Ch原创 2011-08-30 17:34:34 · 2989 阅读 · 1 评论 -
ExtJS4学习笔记(十三)---ExtJS4图片验证码的实现
上几篇文章，主要学习了Extjs4 Grid的使用方法，从本篇开始，我们开始其他组件的学习，使用。在登录、注册甚至是发表文章或帖子的时候，都会用到验证码这个东西，那么在EXTJS中，可以使用验证码功能么？答案是肯定的，在EXTJS4之前，也有很多验证码的实现，在Extjs4中，验原创 2011-08-30 17:40:21 · 1511 阅读 · 0 评论 -
ExtJS4学习笔记(十四)---TabPanel
创建一个tabPanel有两种方法：一：Ext.createWidget('tabpanel',{...})二：Ext.create('Ext.tab.Panel',{...})本文分别介绍这两种创建方法。HTML代码： "-//W3C//DT原创 2011-08-30 17:41:23 · 2150 阅读 · 0 评论 -
ExtJS4学习笔记(十六)---上传文件(upload)
本文介绍Extjs4文件上传示例，Extjs4中，主要使用up('form').getForm().submit()方法来实现文件的上传，在submit方法中，指定其type属性,这点很重要，如果不指定，那么在上传完成后的处理中，除非服务端不返回数据，否则客户端就会报错。实例代码原创 2011-08-30 17:43:17 · 4244 阅读 · 1 评论 -
ExtJS4学习笔记(四)---HBox的使用
要使用HBox布局方式，首先的熟悉下一下几个主要属性：一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。 1、top（默认）：排列于容器顶端。 2、middle：垂直居中排列于容器中。 3、stretch：垂直排列且拉伸义填补原创 2011-08-30 17:24:12 · 1195 阅读 · 1 评论 -
ExtJS4学习笔记(五)---VBox的使用
要使用VBox布局方式，首先的熟悉下一下几个主要属性：一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。 1、left（默认）：排列于容器左侧。 2、center ：控件在容器水平居中。 3、stretch：控件横向拉伸至容器原创 2011-08-30 17:25:52 · 990 阅读 · 0 评论 -
ExtJS4开发笔记(一)——准备工作
重写原因：由于开始准备的时候，就是按照传统开发去做的，写了一部分之后，有网友和同事提出：“为什么不用MVC模式”呢？这样的问题让我对目前传统开发的心发生了一些细微变法，对啊，为什么不用MVC模式呢？我征求了一下同事及热心网友的意见，都同意使用MVC模式开发。从而，我删掉了原来所有原创 2011-08-30 17:16:52 · 1780 阅读 · 0 评论 -
ExtJS4学习笔记(十八)---带复选框的树（Checkbox tree）
实例显示了一个简单的带复选框的的树，通过返回的JSON数据来显示复选框是否是选中/不选中状态。例子中没有采用异步的方式展开节点。如果想使用异步方式加载节点，可以参考本站另一片文章来实现此功能，链接地址为：www.mhzg.net/a/20112/2011222109040.htm原创 2011-08-30 17:51:28 · 3215 阅读 · 0 评论 -
ExtJS4学习笔记(十)---带搜索的Grid（SearchGrid）
项目开发中，Grid组件少不了搜索功能，在Extjs4中，搜索组件以插件的形式出现，而且实现也非常简单，搜索组件位于examples/ux/form目录下，JS文件是SearchField.js。Grid加载搜索功能，要注意的是：1、开启延迟加载，即Ext.Loader.原创 2011-08-30 17:32:52 · 2080 阅读 · 0 评论 -
ExtJS4学习笔记(八)---Grid分页
Grid组件，当数据量很大的时候，就需要分页显示，本文介绍如何实现Extjs4 Grid的分页功能。先看THML代码: "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml原创 2011-08-30 17:28:47 · 2212 阅读 · 1 评论 -
ExtJS4学习笔记(十九)---TreeGrid
本文介绍Extjs4 TreeGrid的使用，实例中的树实现了多表头、使用AJAX请求载入数据、排序，隐藏和显示表头等Grid中的功能。实例来自Extjs官方网站HTML代码： "tree-example">JS代码：原创 2011-08-30 17:53:03 · 3985 阅读 · 3 评论 -
ExtJS4开发笔记(二)——框架的搭建
废话不多说了，上篇文章建立了比较基础的文件。今天开始搭建大体的框架，由于Extjs4在组件建立方面有了很大的改变，所以第一次建立的框架页面还是费了比较长的时间。本章内容增加了一些图片及CSS文件，目的是为了美化整个界面。增加的CSS文件：注意事项：layout、region的原创 2011-08-30 17:12:35 · 3657 阅读 · 5 评论 -
在ExtJS4应用中使用Ext.Loader
在EXTJS官网看到一片文章，讲的是Extjs.Loader的使用方法，文章非常详细的介绍了Loader的机制及用法，感觉非常不错，但无奈英文实在太烂，就没转过来。昨天恰好在优快云看到了这篇文章的译文，而译文的质量非常高，对译者的翻译水平怎一个羡慕了得。废话不多说，正文开始。原创 2011-08-30 17:05:52 · 5877 阅读 · 5 评论 -
ExtJS4 API文档阅读——类系统(Class System)
ExtJS4使用新的类机制进行了大量的重构。为了支撑新的架构,ext4几乎重写了每一个类,因此最好先好好的理解一下新的架构,再开始编码。本文适合想在extjs4中扩展现有类或者创建新类的开发者。其实，不管是想扩展还是使用，都建议您仔细阅读一下（如果E文好的，建议您还是阅读英文原创 2011-08-30 17:08:01 · 1395 阅读 · 0 评论 -
ExtJS4学习笔记(三)---window的创建
Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染，我们再也不必一次加载已经达到1MB的ext-all.js了，本文介绍如何在EXTJS4中创建一个window。注：代码中所有Ext.Window应该原创 2011-08-30 17:22:45 · 1453 阅读 · 0 评论 -
ExtJS4开发笔记(六)——菜单的实现
上篇文章介绍了搭建一个空的框架，使得管理系统有了大致的模样，今天工作的主要内容就是菜单的实现以及点击菜单后在右边内容区打开一个新的Panel。本篇文章的内容主要包括两个方面，Extjs4 Tree及Extjs4 tabPanel。在Extjs应用中实现菜单，无疑Tree是最好原创 2011-08-30 17:14:31 · 2790 阅读 · 1 评论 -
ExtJS4学习笔记(七)---Grid的使用
Extjs4 Grid创建还是比较容易的，难记、难理解的地方，也就是数据的获取。下面，就创建一个最简单的Grid组件，后面，我们会逐渐丰富这个Grid的功能。HTML代码： "-//W3C//DTD XHTML 1.0 Transitional//EN"原创 2011-08-30 17:27:37 · 1459 阅读 · 1 评论 -
ExtJS4学习笔记(九)---多表头Grid
做项目的时候，有时候会遇到多表头的Grid，在EXTJS4中，多表头的实现已经很简单了，本文介绍如何实现多表头gird的功能。之前有一篇文章，讲的是如何实现Grid的分页功能（地址是：www.mhzg.net/a/20115/201151811170246.html），本文在原创 2011-08-30 17:30:43 · 1327 阅读 · 1 评论 -
ExtJS4学习笔记(十五)---选项卡(tabs)
tab选项卡，是Extjs中常用的组件，tab一般依附于tabpanel，很多时候我也认为tab就是tabpanel,但在官方api中，确实有Ext.tab.Panel和Ext.tab.Tab之分，具体属性、事件、方法，请参考API，tab选项卡可以单独渲染，使用方法是：xtyp原创 2011-08-30 17:42:14 · 2116 阅读 · 1 评论 -
ExtJS4学习笔记(十七)---锁定表头(Locking Grid)功能
Exjts4中，我们可以实现锁定表头(Locking Grid)能。实例实现了Grid锁定表头的功能，被锁定的列是固定不动的(如果有横向滚动条的话)。被锁定的列也无法被移除。为了方便，构造了一些本地数据作为测试数据。JS代码： Ext.require([原创 2011-08-30 17:49:36 · 1966 阅读 · 1 评论 -
ExtJS4学习笔记(二十)---TreePanel实例
随着Extjs4第五预览版的发布，更多的实例被放了出来，本文介绍Extjs4 TreePanel的使用。此实例来自Extjs官方网站，此实例并没有限制树节点的拖放，例子中使用了TreeStore 和 AjaxProxyHTML代码： "tree-div"原创 2011-08-30 17:54:19 · 3812 阅读 · 2 评论