extjs4.0
关注
分享
扫一扫
文章平均质量分 82
nuoyan666
这个作者很懒，什么都没留下…
展开
-
Extjs4开发笔记（一）——准备工作
重写原因：由于开始准备的时候，就是按照传统开发去做的，写了一部分之后，有网友和同事提出：“为什么不用MVC模式”呢？这样的问题让我对目前传统开发的心发生了一些细微变法，对啊，为什么不用MVC模式呢？我征求了一下同事及热心网友的意见，都同意使用MVC模式开发。从而，我删掉了原来所有转载 2011-08-02 16:24:10 · 4210 阅读 · 4 评论 -
ExtJS4学习笔记(八)---Grid多选/全选
上一篇文章，在Grid中加入了搜索功能（链接地址是：www.mhzg.net/a/20115/20115219110248.html），但大量数据需要删除操作的时候，总不能一条一条去删除吧，本文介绍如何在Extjs4 Grid中加入全选功能。先来张效果图：点击显示转载 2011-08-02 16:45:50 · 4216 阅读 · 0 评论 -
Extjs4 API文档阅读(一)——类系统(Class System)
ExtJS4使用新的类机制进行了大量的重构。为了支撑新的架构,ext4几乎重写了每一个类,因此最好先好好的理解一下新的架构,再开始编码。本文适合想在extjs4中扩展现有类或者创建新类的开发者。其实，不管是想扩展还是使用，都建议您仔细阅读一下（如果E文好的，建议您还是阅读英文转载 2011-08-02 17:02:10 · 2199 阅读 · 0 评论 -
关于Extjs4开发笔记（二）的补充说明
Extjs4开发笔记二，主要讲述了框架的搭建，链接地址是：www.mhzg.net/a/20116/201162913210280.html，最近有网友跟我反映，说按照文章内容照着完成后，不显示框架，只有空白一片，问了几位网友下，发现他们都是使用的Exjts4.02a的版本，最后转载 2011-08-02 17:03:42 · 1618 阅读 · 0 评论 -
ExtJS 4中动态加载的路径设置
Extjs4动态加载的路径设置方法。在Loader对象中，动态加载是使用getPath方法获取下载路径的，其代码如下： getPath : function(className){ varpath='', paths=this.config.转载 2011-08-02 17:04:13 · 2364 阅读 · 0 评论 -
ExtJs4.0 TreePanel+CheckBox全选
Js代码 var mytree = new Ext.tree.TreePanel({ id: 'ppdTree', x: 5, y: 5, width: 378, height: 470, useArrow转载 2011-08-02 17:23:52 · 6237 阅读 · 7 评论 -
在Extjs4应用中使用Ext.Loader
在EXTJS官网看到一片文章，讲的是Extjs.Loader的使用方法，文章非常详细的介绍了Loader的机制及用法，感觉非常不错，但无奈英文实在太烂，就没转过来。昨天恰好在优快云看到了这篇文章的译文，而译文的质量非常高，对译者的翻译水平怎一个羡慕了得。废话不多说，正文开始。转载 2011-08-02 16:32:46 · 2414 阅读 · 0 评论 -
ExtJS4学习笔记(六)---多表头Grid
做项目的时候，有时候会遇到多表头的Grid，在EXTJS4中，多表头的实现已经很简单了，本文介绍如何实现多表头gird的功能。之前有一篇文章，讲的是如何实现Grid的分页功能（地址是：www.mhzg.net/a/20115/201151811170246.html），本文在转载 2011-08-02 16:42:17 · 2107 阅读 · 0 评论 -
ExtJS4学习笔记(七)---带搜索的Grid（SearchGrid）
项目开发中，Grid组件少不了搜索功能，在Extjs4中，搜索组件以插件的形式出现，而且实现也非常简单，搜索组件位于examples/ux/form目录下，JS文件是SearchField.js。Grid加载搜索功能，要注意的是：1、开启延迟加载，即Ext.Loader.转载 2011-08-02 16:44:30 · 4119 阅读 · 1 评论 -
ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid)
上一篇文章，在Grid中加入了多选/全选功能（链接地址是：http://www.mhzg.net/a/20115/20115311100255.html），实际运用中，我们可能需要动态修改Grid中的数据，也就是要实现EditGrid功能。本文介绍如何实现Extjs4 EditG转载 2011-08-02 16:48:26 · 2878 阅读 · 2 评论 -
ExtJS4学习笔记(十)---ExtJS4图片验证码的实现
上几篇文章，主要学习了Extjs4 Grid的使用方法，从本篇开始，我们开始其他组件的学习，使用。在登录、注册甚至是发表文章或帖子的时候，都会用到验证码这个东西，那么在EXTJS中，可以使用验证码功能么？答案是肯定的，在EXTJS4之前，也有很多验证码的实现，在Extjs4中，验转载 2011-08-02 17:03:07 · 3976 阅读 · 1 评论 -
ExtJS4 Grid组件
来自官网的消息：我们正在努力为ExtJS4做准备,到目前为止,我们已经发布了3个开发者预览版,我们的目标是争取在4到6周内或争取更快的时间内发布最终版本。在最近的开发者预览版，我们首次发布了新的Grid组件。新的grid已经重写，而且比3.x版本的有更多功能。新的grid不但大幅转载 2011-08-02 17:08:13 · 2067 阅读 · 0 评论 -
ExtJS4 TreePanel实例
Adsitepopedomform.js代码 Ext.app.AdSitePopedomForm = Ext.extend(Ext.Window, { title: '网站功能授权', id: 'am-adsitepopedom',转载 2011-08-02 17:17:44 · 6889 阅读 · 3 评论 -
ExtJS4学习笔记(三)---VBox的使
要使用VBox布局方式，首先的熟悉下一下几个主要属性：一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。 1、left（默认）：排列于容器左侧。 2、center ：控件在容器水平居中。 3、stretch：控件横向拉伸至容器转载 2011-08-02 16:38:17 · 2594 阅读 · 0 评论 -
ExtJS4学习笔记(二)---HBox的使用
要使用HBox布局方式，首先的熟悉下一下几个主要属性：一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。 1、top（默认）：排列于容器顶端。 2、middle：垂直居中排列于容器中。 3、stretch：垂直排列且拉伸义填补转载 2011-08-02 16:37:51 · 2127 阅读 · 0 评论 -
ExtJS4学习笔记(一)---window的创建
Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染，我们再也不必一次加载已经达到1MB的ext-all.js了，本文介绍如何在EXTJS4中创建一个window。编者注（修正于2011-7-8）：代码转载 2011-08-02 16:36:47 · 2204 阅读 · 1 评论 -
ExtJs4 动态加载js
长久以来，包括前期ExtJS的各个版本中，尽管允许裁剪，不过通常使用之前它一定要加载整个框架。好像创建一个普通的Ext.Window，得必须下载整份的ext-all.js源文件，否则不能工作。Ext JS 4的动态加载便是围绕这个技术难点而考虑推出的。普通的一个例子如下：转载 2011-08-02 17:06:09 · 3385 阅读 · 0 评论 -
ExtJS 4 实例之数据包
本章介绍Extjs 4中数据包崭新的功能有哪些。假设例子是个简单的博客程序，博客的模型有用户User ，帖子Post 及评论Comment 。例子依赖服务器的远程调用须要部署在一个服务器上，静态的文件服务器即可。 一、创建一个模型的实例：首先要创建一个User模型的转载 2011-08-02 17:07:09 · 1603 阅读 · 0 评论 -
Extjs4 TreePanel实例
随着Extjs4第五预览版的发布，更多的实例被放了出来，本文介绍Extjs4 TreePanel的使用。此实例来自Extjs官方网站，此实例并没有限制树节点的拖放，例子中使用了TreeStore 和 AjaxProxyHTML代码： "tree-div"转载 2011-08-02 17:08:45 · 2676 阅读 · 0 评论 -
Extjs4 TreeGrid
本文介绍Extjs4 TreeGrid的使用，实例中的树实现了多表头、使用AJAX请求载入数据、排序，隐藏和显示表头等Grid中的功能。实例来自Extjs官方网站HTML代码： "tree-example">JS代码：转载 2011-08-02 17:09:08 · 2496 阅读 · 3 评论 -
Extjs4 新的布局方式
本问介绍一个常见的??例子“联系我们”在弹出窗口的形式。表单使用vbox和hbox布局，以实现一个统一的灵活的布局。JS代码： Ext.require([ 'Ext.form.*' ]); Ext.onReady(function() {转载 2011-08-02 17:11:30 · 2853 阅读 · 0 评论 -
ExtJs4.0 GridPanel实例
Contentitemjkgrid.js代码 var store; Ext.app.ContentItemJKGrid = Ext.extend(Ext.grid.GridPanel, { title: '内容项接口列表', region:转载 2011-08-02 17:19:48 · 5808 阅读 · 2 评论 -
ExtJs4.0 下拉框联动
Combox.js代码 /** * @class Ext.app.AdSiteGrid * @extends Ext.grid.GridPanel * 内容项Add */ Ext.define('ctiWsSort', { extend: 'Ex转载 2011-08-02 17:21:01 · 3140 阅读 · 0 评论 -
Extjs4开发笔记(三)——菜单的实现
上篇文章介绍了搭建一个空的框架（链接地址：www.mhzg.net/a/20116/201162913210280.html），使得管理系统有了大致的模样，今天工作的主要内容就是菜单的实现以及点击菜单后在右边内容区打开一个新的Panel。本篇文章的内容主要包括两个方面，Extjs转载 2011-08-02 16:35:14 · 2729 阅读 · 2 评论 -
ExtJS4学习笔记(四)---Grid的使用
Extjs4 Grid创建还是比较容易的，难记、难理解的地方，也就是数据的获取。下面，就创建一个最简单的Grid组件，后面，我们会逐渐丰富这个Grid的功能。HTML代码： "-//W3C//DTD XHTML 1.0 Transitional//EN"转载 2011-08-02 16:38:45 · 2042 阅读 · 0 评论 -
ExtJS4学习笔记(五)---Grid分页
Grid组件，当数据量很大的时候，就需要分页显示，本文介绍如何实现Extjs4 Grid的分页功能。先看THML代码: "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml转载 2011-08-02 16:40:27 · 2756 阅读 · 1 评论 -
Extjs 文件上传的实现方法
上传文件要是用asp.net的控件上传其实是很简单的问题，要是为了用户体验的提高很多的web开发人员都会采取很炫的ajax上传。一般情况都使用flash的控件上传。本文介绍使用EXTJS 实现文件的上传。Extjs 要实现上传，需要一个js文件FileUploadField.转载 2011-08-02 17:10:16 · 2857 阅读 · 0 评论 -
Extjs4开发笔记(二)——框架的搭建
废话不多说了，上篇文章建立了比较基础的文件。今天开始搭建大体的框架，由于Extjs4在组件建立方面有了很大的改变，所以第一次建立的框架页面还是费了比较长的时间。本章内容增加了一些图片及CSS文件，目的是为了美化整个界面。增加的CSS文件：注意事项：layout、region的转载 2011-08-02 16:26:28 · 4535 阅读 · 3 评论 -
ExtJs4.0颜色控件
Colorpicker.js代码 /** * @class Ext.app.ColorPicker * @extends Ext.container.Container * 定义颜色选取类 */ Ext.define ('Ext.app.Co转载 2011-08-02 17:22:30 · 1949 阅读 · 2 评论