extjs4.0学习笔记
文章平均质量分 77
主要记录extjs4.0以及js高级学习主要知识点。
mask哥
工匠精神coding,终生学习
展开
-
Extjs4.0客户端与服务器端代理类结构图以及store详解
1.客户端与服务器端数据代理结构整体图:2.客户端数据结构图3.服务器端代理:4.store结构图:原创 2013-01-27 14:03:58 · 969 阅读 · 0 评论 -
extjs表格grid功能详解
/** * EXTJS表格grid功能详解 * * 1.在默认情况下,表格是可以拖放列,也可以改变列的宽度。 * 如果要禁用这两个功能,在定义表格对象时将enableColumnMove和enableColumnResize设置为false即可。 * 2.读取数据时的遮罩和提示,设置属性loadMask:true,在store.load()完成之前会一直显示“Loading…原创 2012-08-09 12:09:43 · 2752 阅读 · 0 评论 -
extjs核心组件详解
Ext.Component是EXT所有组件的基类,它的所有子类都自动享有了标准EXT组件的生命周期,包括创建、渲染和销毁。 基本组件xtype组件名称描述boxExt.BoxComponent具有边框属性的组件but原创 2012-08-07 18:34:59 · 1445 阅读 · 0 评论 -
extjs的自定义事件和浏览器事件
/** * Extjs事件分:自定义事件和浏览器事件 * 1.自定义事件都继承自Ext.util.Observable类,以支持事件,然后为这些事件配置监听器,出发就调用对应的监听器; *2. EXT使用Ext.EventManager、Ext.EventObject和Ext.lib.Event对原生浏览器事件进行了封装, * 最后展现在我们面前的就是一套统一的跨浏原创 2012-08-07 18:04:57 · 2100 阅读 · 0 评论 -
ExtJS实战(9)-疑难杂症分析
在做项目的过程中,难免会遇到大大小小的问题(这是好事情,要不我们怎么进步呢?),那么,我们就把一些共性的值得探讨的问题拿出来,一起分析下: 1. JS没有错误,但却一直报未结束的字符串常量这个问题很有趣,后来发现是编码问题,在拷贝或写入中文前,写把JS文件的编码方式改为UTF-8 2.组合分页中,Hibernate报Unsupported method: ResultSet.a转载 2012-08-02 00:15:27 · 855 阅读 · 0 评论 -
Extjs3常用基础方法使用详解
/** * Extjs3.4常用基础方法使用 */Ext.onReady(function(){/*var colorsArray=new Array();colorsArray[0]='Blue';colorsArray[1]='Red';colorsArray[2]='White';var colorsArrayType=Ext.type(colorsArr原创 2012-08-01 23:38:43 · 874 阅读 · 0 评论 -
Extjs核心操作方法详解
/** (一) element操作 * 1.通过Ext.get()获取hmtl element 节点的Ext.Element实例会创建一个实例 * 语法:var el=Ext.get(el); el 可以使节点id、dom节点或已经存在的Element; * 2.Ext.fly()不创建实例,只是对html element执行一次性操作,只是利用全局共享的实例进行操作原创 2012-08-01 00:38:40 · 1160 阅读 · 0 评论 -
extjs常见布局特点以及可编辑表格详解
/* * 常见布局特点总结: column列布局把整个容器看成1列,放入子元素的时候,可以通过指定columnFWidth(百分比)或width(绝对像素的方式指定宽度); border布局分为:east,south、west、north、center,其中center区域必须设置; fit布局,子元素自动填满父容器;原创 2012-07-31 02:09:05 · 1408 阅读 · 0 评论 -
ExtJS 4中动态加载的路径设置
Extjs4动态加载的路径设置方法。在Loader对象中,动态加载是使用getPath方法获取下载路径的,其代码如下: getPath : function(className){ varpath='', paths=this.config.paths, prefix=this.getPrefix(className); if(prefix转载 2012-07-11 23:38:51 · 1628 阅读 · 0 评论 -
Extjs4 API文档阅读(一)——类系统(Class System)
ExtJS4使用新的类机制进行了大量的重构。为了支撑新的架构,ext4几乎重写了每一个类,因此最好先好好的理解一下新的架构,再开始编码。本文适合想在extjs4中扩展现有类或者创建新类的开发者。其实,不管是想扩展还是使用,都建议您仔细阅读一下(如果E文好的,建议您还是阅读英文原文。链接地址是:http://docs.sencha.com/ext-js/4-0/#/guide/class_sys转载 2012-07-11 23:29:47 · 663 阅读 · 0 评论 -
extjs 中Array使用详细介绍
/** * extjs Array使用详细介绍 */(function() { Ext.onReady(function() { // 1 var myArray = [1, 2, 3, 4, -3, -4]; Ext.Array.every(myArray, function(item) { if (item > 0) { return原创 2012-07-08 00:36:29 · 4518 阅读 · 1 评论 -
七步实现directjngine、Ext Direct调用Java服务器端方法
最近学习Ext高级用法,发现Ext 3.x中的新特性之一的 Direct貌似不错。网上搜索,发现directjngine对Ext Direct 支持不错。于是去官网下载了directjngine[1].1.3.zip,算是比较新的项目包。根据DirectJNgine_User_Guide,一步步搭建第一个directjngine的demo。 第一步,在web.xml中配置DirectJ转载 2012-07-05 19:27:33 · 1136 阅读 · 0 评论 -
Extjs4.o的store结构类图详解
原创 2013-01-28 10:16:42 · 1097 阅读 · 0 评论 -
Extjs的grid和树以及几种常用的插件使用详解
Ext.onReady(function() {/*** 1. Grid*//*Ext.create('Ext.grid.Panel', {store : Ext.create('Ext.data.ArrayStore', {fields : [{name : 'book'}, {name : 'author'}],data : [['Extjs4:fi原创 2013-01-28 10:10:14 · 1964 阅读 · 0 评论 -
Extjs常见的几种绘图实现
绘图类结构图:Ext.onReady(function() {/*** 1.圆形*/var drawComponent = Ext.create('Ext.draw.Component', {viewBox : false,items : [Ext.create('Ext.draw.Sprite', {type : 'circle',fill : '原创 2013-01-27 23:25:19 · 6202 阅读 · 1 评论 -
Extjs4.0常见的几种布局详解
Ext.onReady(function() {/*** 1.auto布局使用(默认布局)*/var panel1 = Ext.create('Ext.panel.Panel', {title : 'panel1',html : 'panel1ddd',height : 80,width : 100});var panel2 = Ext.create('Ex原创 2013-01-27 13:14:29 · 1216 阅读 · 0 评论 -
Extjs4.0一些常见入门学习范例带注释详解
Ext.onReady(function() {/*** 1.创建一个window窗体*/Ext.define('MyApp.MyWindow', {extend : 'Ext.Window',title : 'welcome!',initComponent : function() {this.items = [{xtype : 'textfield',n原创 2013-01-24 22:14:38 · 1103 阅读 · 0 评论 -
Extjs4.0常用的数据模型增删该查操作
原创 2013-01-24 21:46:43 · 815 阅读 · 0 评论 -
Extjs4.0数据包(Ext.data.package)以及数据模型(Ext.data.model介绍)详解
1.extjs4.0数据包(Ext.data.package)结构图:2.Extjs4.0数据模型(Ext.data.Modell)结构图:3.数据模型直接的对应关系:4.Extjs默认数据类型大小:原创 2013-01-24 21:35:52 · 1269 阅读 · 0 评论 -
Extjs4的帮助文档打不开(一直在齿轮进度条那)解决办法
Extjs4的帮助文档打不开(docs.html),一直停留在这种情况下解决办法:打开index.html页面,ctrl+F找到这行 替换为 就ok,就可以直接打开index.html文件,速度极快,也不用神马的tomcat服务器,搞了原创 2013-01-24 00:30:22 · 1173 阅读 · 0 评论 -
eclipse里报:An internal error occurred during: "Building workspace". Java heap space)
当在eclipse中的web工程中增加了extjs4,出现An internal error occurred during: "Building workspace".Java heap space 错误。解决办法1:把extjs4的工程安装包不要放到web工程中就ok或者建议直接用myeclipse直接导入的exjts4包,就没问题。解决办法2:导入ExtJS包,这样会卡死原创 2013-01-24 00:01:50 · 7119 阅读 · 2 评论 -
javascript(重要内置对象,json处理,闭包详解)高级特性详解
//1数组排序 使用Array对象的sort()方法,允许使用一个排序函数作为参数,如果不传地,按asscll 字符顺序排列. //var a=new Array(10,23,53,33,80); /*function sortFunction(one ,two){ return one - two; } a.sort();//无参数按asll字符排序 for原创 2012-08-23 13:37:09 · 1621 阅读 · 0 评论 -
javascript闭包葵花宝典
js闭包学习: 闭包概念:即函数可以嵌套;即内层的函数可以应用存在于包围它的函数内的变量及函数的参数,即使外层的执行已经终止。 使用场景:保护函数的变量安全、在内存中维持一个变量、通过保护变量的安全实现javascript私有属性和私有方法。 闭包的形成:当一个内部函数在包含它们的外部函数之外被调用时,就会形成闭包. 闭包的特点: 作为一个函数变量原创 2012-08-22 21:43:59 · 1242 阅读 · 0 评论 -
Extjs4.0 store 详解
/** * Extjs4.0 store 详解 * * store是一个存储数据对象model的集合缓存,可以为extjs的可视化组建提供数据(GridPanel、Combox) 类结构: * Ext.data.AbstractStore Ext.data.Store Ext.data.ArrayStore * Ext.data.DirectStore Ext.data.Js原创 2012-08-17 16:39:50 · 3373 阅读 · 0 评论 -
Ext4.0 writer和reader详解
/** * Reader:主要是将proxy数据代理,读取的数据按照不同的规则进行解析,将解析好的数据保存在Model中 结构图 * Ext.data.reader.Reader 读取器跟类 * Ext.data.reader.Json json格式读取器 * Ext.data.reader.Array 扩展JSON的Array读取原创 2012-08-17 01:14:15 · 2057 阅读 · 0 评论 -
Extjs4.0数据代理详解(proxy)详解
/** * Extjs4.0数据代理详解 数据代理Proxy是数据读写的主要途径,通过代理操作数据进行CRUD * 每一步操作都会得到唯一的Ext.data.Operation实例,他包含所有的请求参数 * 1.数据代理proxy目录结构: * Ext.data.proxy.Proxy 代理类的根类(他分客户端代理和服务器端代理) * Ext.data.proxy.C原创 2012-08-16 12:09:24 · 2902 阅读 · 0 评论 -
extjs4.0模型 model store proxy使用详解
/* * extjs4.0模型 model store proxy使用详解 * * 1.普通Model创建 数据模型对真实世界中事物在系统中的反应 ,extjs4.0中mdel相当于db中table或者java中实体类 * * 2.利用Ext.regModel创建模型 * * 3.创建模型实例 3种方法 * * 4.Validations * 5.原创 2012-08-15 16:32:59 · 3087 阅读 · 0 评论 -
通过json自定义extjs 消息框
在实际开发中我们可能有时候需要把原来显示的消息框显示的标题、按钮 文字自定义。这个时候就可以用json格式进行定制化显示提示框。在这里给出消息框的提示定制化。像其他的提示框,自己也可以模仿这个,并参考相关api进行定制化。Ext.onReady(function(){var _cfg={title:'系统提示',msg:'通过json配置系统',buttons:Ext.Me原创 2012-08-13 00:59:44 · 1026 阅读 · 0 评论 -
Extjs常用工具函数详解
/** * Extjs常用工具函数 * * 1.编解码函数 * encode和decode函数是专门用来对JSON数据进行编码和解码的函数。 * Ext.encode()对应的解码方法为Ext.decode()。 * * encode函数的作用是对对象、数组或其他值进行编码,将对象转换成JSON字符串的形式; * 因原创 2012-08-09 23:25:34 · 1988 阅读 · 0 评论 -
Extjs常用Reader(数据读取器)详解
/** * Extjs常用Reader(数据读取器)详解 * 数据读取器作用是将数字、json等格式的原始数据转为extjs中所需的通用数据类型 * * 1.ArrayReader * 作用是从二维数组里以此读取数据,然后生成对应的Record; * 因为从proxy中读取的数据需要进行解析,这些数据转换成Record数组后才能提供给Ext.data.Store使原创 2012-08-09 19:03:34 · 3652 阅读 · 0 评论 -
Extjs 常用3种proxy详解
/** * Extjs 常用proxy详解 * proxy作用是通过内存、http等不同媒介获取原始数据,然后将获取到得数据交给对应的读取器处理。 * * 1.MemoryProxy:只能从javascipt对象获取数据,可以直接把数组、json、xml格式的数据交给他处理。 * * 2.HttpProxy使用http协议,通过ajax去后台取数据,构造需要设置url参原创 2012-08-09 18:24:06 · 2462 阅读 · 0 评论 -
Extjs4.0 的类定义创建和一些新特性介绍
/* //类的声明其实就是一个fuction function user(){ this.name='uspcat'; this.age=26; //var 就相当于高级语言中的private var email="dd163.com"; this.getEmail=function(){ return email; } } //1 js创建一个原创 2012-07-10 23:27:29 · 1654 阅读 · 0 评论 -
extjs4.1在eclipse中如何用spket添加sdk.jsb3文件(或关联extjs4类库)
1 安装好eclipse2.下载spket 1.6.22.zip插件,这个是必须的,不然你关联不上 sdk.jsb3文件3. 安装好spket插件,重启eclipse4. 然后和之前关联extjs的方式一样。9 在弹出的文件选择框中选择ExtJS库文件根目录下的build/sdk.jsb3文件,然后点击打开按钮 10 添加ext.jsb3文件后在JavaScript配置列表中选中原创 2012-07-07 20:12:09 · 8125 阅读 · 3 评论 -
ExtJs3.0以及以后的版本如何在spket中导入ext.jsb2文件
extjs3.0之前的类库安装方式:安装好eclipse,装好spket插件,直接找到那个ext.jsb2,和eclipse里的spket框架的那个extjs类库管理就ok。extjs3.及以后,安装好eclipse和spket插件,必须还下载一个extjs-jsb-3.0.zip或者4.0的包,然后解压缩,放到解压缩的extjs类库的src目录下,然后eclipse关联上这个文件。就ok。也原创 2012-07-03 22:47:10 · 2916 阅读 · 4 评论