工匠精神coding，终生学习

1.客户端与服务器端数据代理结构整体图：2.客户端数据结构图3.服务器端代理：4.store结构图：

/** * EXTJS表格grid功能详解 *  * 1.在默认情况下，表格是可以拖放列，也可以改变列的宽度。 * 如果要禁用这两个功能，在定义表格对象时将enableColumnMove和enableColumnResize设置为false即可。 * 2.读取数据时的遮罩和提示，设置属性loadMask:true，在store.load()完成之前会一直显示“Loading…

Ext.Component是EXT所有组件的基类，它的所有子类都自动享有了标准EXT组件的生命周期，包括创建、渲染和销毁。                         基本组件xtype组件名称描述boxExt.BoxComponent具有边框属性的组件but

/** * Extjs事件分：自定义事件和浏览器事件 * 1.自定义事件都继承自Ext.util.Observable类,以支持事件,然后为这些事件配置监听器，出发就调用对应的监听器；    *2.    EXT使用Ext.EventManager、Ext.EventObject和Ext.lib.Event对原生浏览器事件进行了封装， * 最后展现在我们面前的就是一套统一的跨浏

在做项目的过程中，难免会遇到大大小小的问题（这是好事情，要不我们怎么进步呢？），那么，我们就把一些共性的值得探讨的问题拿出来，一起分析下： 1. JS没有错误，但却一直报未结束的字符串常量这个问题很有趣，后来发现是编码问题，在拷贝或写入中文前，写把JS文件的编码方式改为UTF-8 2.组合分页中，Hibernate报Unsupported method: ResultSet.a

/** * Extjs3.4常用基础方法使用 */Ext.onReady(function(){/*var colorsArray=new Array();colorsArray[0]='Blue';colorsArray[1]='Red';colorsArray[2]='White';var colorsArrayType=Ext.type(colorsArr

/**  (一)  element操作 *  1.通过Ext.get()获取hmtl element 节点的Ext.Element实例会创建一个实例 *  语法：var el=Ext.get(el); el 可以使节点id、dom节点或已经存在的Element; *   2.Ext.fly()不创建实例，只是对html element执行一次性操作，只是利用全局共享的实例进行操作

/*       * 常见布局特点总结：        column列布局把整个容器看成1列，放入子元素的时候，可以通过指定columnFWidth(百分比)或width(绝对像素的方式指定宽度);        border布局分为：east,south、west、north、center，其中center区域必须设置;        fit布局，子元素自动填满父容器；

Extjs4动态加载的路径设置方法。在Loader对象中，动态加载是使用getPath方法获取下载路径的，其代码如下： getPath : function(className){    varpath='',     paths=this.config.paths,    prefix=this.getPrefix(className);    if(prefix

ExtJS4使用新的类机制进行了大量的重构。为了支撑新的架构,ext4几乎重写了每一个类,因此最好先好好的理解一下新的架构,再开始编码。本文适合想在extjs4中扩展现有类或者创建新类的开发者。其实，不管是想扩展还是使用，都建议您仔细阅读一下（如果E文好的，建议您还是阅读英文原文。链接地址是：http://docs.sencha.com/ext-js/4-0/#/guide/class_sys

/** * 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

最近学习Ext高级用法，发现Ext 3.x中的新特性之一的 Direct貌似不错。网上搜索，发现directjngine对Ext Direct 支持不错。于是去官网下载了directjngine[1].1.3.zip，算是比较新的项目包。根据DirectJNgine_User_Guide，一步步搭建第一个directjngine的demo。 第一步，在web.xml中配置DirectJ

Ext.onReady(function() {/*** 1. Grid*//*Ext.create('Ext.grid.Panel', {store : Ext.create('Ext.data.ArrayStore', {fields : [{name : 'book'}, {name : 'author'}],data : [['Extjs4:fi

绘图类结构图：Ext.onReady(function() {/*** 1.圆形*/var drawComponent = Ext.create('Ext.draw.Component', {viewBox : false,items : [Ext.create('Ext.draw.Sprite', {type : 'circle',fill : '

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

Ext.onReady(function() {/*** 1.创建一个window窗体*/Ext.define('MyApp.MyWindow', {extend : 'Ext.Window',title : 'welcome!',initComponent : function() {this.items = [{xtype : 'textfield',n

1.extjs4.0数据包(Ext.data.package)结构图：2.Extjs4.0数据模型（Ext.data.Modell）结构图：3.数据模型直接的对应关系：4.Extjs默认数据类型大小：

Extjs4的帮助文档打不开（docs.html）,一直停留在这种情况下解决办法：打开index.html页面，ctrl+F找到这行  替换为  就ok，就可以直接打开index.html文件，速度极快，也不用神马的tomcat服务器，搞了

当在eclipse中的web工程中增加了extjs4，出现An internal error occurred during: "Building workspace".Java heap space 错误。解决办法1：把extjs4的工程安装包不要放到web工程中就ok或者建议直接用myeclipse直接导入的exjts4包，就没问题。解决办法2：导入ExtJS包，这样会卡死

//1数组排序 使用Array对象的sort（）方法，允许使用一个排序函数作为参数，如果不传地，按asscll 字符顺序排列. //var a=new Array(10,23,53,33,80);  /*function sortFunction(one ,two){  return one - two; } a.sort();//无参数按asll字符排序  for

js闭包学习：  闭包概念：即函数可以嵌套；即内层的函数可以应用存在于包围它的函数内的变量及函数的参数，即使外层的执行已经终止。  使用场景：保护函数的变量安全、在内存中维持一个变量、通过保护变量的安全实现javascript私有属性和私有方法。 闭包的形成:当一个内部函数在包含它们的外部函数之外被调用时，就会形成闭包.    闭包的特点：     作为一个函数变量

/** * Extjs4.0 store 详解 *  * store是一个存储数据对象model的集合缓存,可以为extjs的可视化组建提供数据（GridPanel、Combox） 类结构: * Ext.data.AbstractStore Ext.data.Store Ext.data.ArrayStore * Ext.data.DirectStore Ext.data.Js

/** *   Reader:主要是将proxy数据代理，读取的数据按照不同的规则进行解析，将解析好的数据保存在Model中 结构图 *     Ext.data.reader.Reader 读取器跟类  *          Ext.data.reader.Json json格式读取器 *          Ext.data.reader.Array 扩展JSON的Array读取

/** * Extjs4.0数据代理详解 数据代理Proxy是数据读写的主要途径，通过代理操作数据进行CRUD * 每一步操作都会得到唯一的Ext.data.Operation实例，他包含所有的请求参数  * 1.数据代理proxy目录结构: * Ext.data.proxy.Proxy 代理类的根类（他分客户端代理和服务器端代理） *     Ext.data.proxy.C

/* * extjs4.0模型 model store proxy使用详解 *  * 1.普通Model创建 数据模型对真实世界中事物在系统中的反应 ，extjs4.0中mdel相当于db中table或者java中实体类 *  * 2.利用Ext.regModel创建模型 *  * 3.创建模型实例 3种方法 *  * 4.Validations  * 5.

在实际开发中我们可能有时候需要把原来显示的消息框显示的标题、按钮 文字自定义。这个时候就可以用json格式进行定制化显示提示框。在这里给出消息框的提示定制化。像其他的提示框，自己也可以模仿这个，并参考相关api进行定制化。Ext.onReady(function(){var _cfg={title:'系统提示',msg:'通过json配置系统',buttons:Ext.Me

/** *                        Extjs常用工具函数 *  * 1.编解码函数 * encode和decode函数是专门用来对JSON数据进行编码和解码的函数。 * Ext.encode()对应的解码方法为Ext.decode()。 *  * encode函数的作用是对对象、数组或其他值进行编码，将对象转换成JSON字符串的形式； * 因

/** * Extjs常用Reader(数据读取器)详解 * 数据读取器作用是将数字、json等格式的原始数据转为extjs中所需的通用数据类型 * * 1.ArrayReader *    作用是从二维数组里以此读取数据，然后生成对应的Record; * 　　因为从proxy中读取的数据需要进行解析，这些数据转换成Record数组后才能提供给Ext.data.Store使

/** * Extjs 常用proxy详解 * proxy作用是通过内存、http等不同媒介获取原始数据，然后将获取到得数据交给对应的读取器处理。 *  * 1.MemoryProxy：只能从javascipt对象获取数据，可以直接把数组、json、xml格式的数据交给他处理。 *  * 2.HttpProxy使用http协议，通过ajax去后台取数据，构造需要设置url参

/*  //类的声明其实就是一个fuction  function user(){  this.name='uspcat';  this.age=26; //var 就相当于高级语言中的private  var email="dd163.com";  this.getEmail=function(){  return email;  } } //1 js创建一个

1  安装好eclipse2.下载spket 1.6.22.zip插件，这个是必须的，不然你关联不上 sdk.jsb3文件3. 安装好spket插件，重启eclipse4. 然后和之前关联extjs的方式一样。9 在弹出的文件选择框中选择ExtJS库文件根目录下的build/sdk.jsb3文件，然后点击打开按钮 10 添加ext.jsb3文件后在JavaScript配置列表中选中

extjs3.0之前的类库安装方式：安装好eclipse，装好spket插件，直接找到那个ext.jsb2,和eclipse里的spket框架的那个extjs类库管理就ok。extjs3.及以后，安装好eclipse和spket插件，必须还下载一个extjs-jsb-3.0.zip或者4.0的包，然后解压缩，放到解压缩的extjs类库的src目录下，然后eclipse关联上这个文件。就ok。也