文章分类 -  Extjs

单选复选框区域外一行，已选行不会反选
摘要：//S 重写CheckBoxSelectionModel的handleMouseDown事件。单选复选框区域外一行，已选行不会反选 Ext.override(Ext.grid.CheckboxSelectionModel, { handleMouseDown : function(g, rowIndex, e){ if(e.button !== 0 || this.isLocked()){ return; } var view = thi... 阅读全文
posted @ 2012-02-21 14:01 赤卫 阅读(204) 评论(0) 推荐(0)
Extjs表格组件——GridPanel、GridView
摘要：GraiPanel 归属于Ext.grid命名空间。Ext.grid.ColumnModel：列模型，定义GridPanel的表头Ext.grid.RowSelectionModel：行选择模型，定义行的选择操作Ext.grid.GridView：视图，负责表格面板的效果渲染Ext.grid.Store：数据源，负责为表格面格提供各种不同格式的数据Ext.grid.RowNumber()：序号生成器，负责为每一行生成一个序号Ext.grid.CheckboxSelectionModel：带复选框的行选择模型Ext.grid.GridPanel其实就是一个Panel，Ext.Panel是他的父类 阅读全文
posted @ 2012-02-16 17:08 赤卫 阅读(1578) 评论(0) 推荐(0)
Ext中的事件机制
摘要：Ext中的事件机制Ext中的事件机制是在 Ext.util.Observable 中定义的，举一个例子来说明事件机制，先看一下代码，然后慢慢说person.jsJs代码 Ext.namespace("com.meizhi"); /* 定义NameSpace的别名 */ Mz = com.meizhi; Mz.Person = function() { /* 定义事件 */ this.addEvents( "nameChange", "sexChange" ); }; Ext.extend(Mz.Person, Ext.util.Obs 阅读全文
posted @ 2012-02-08 11:17 赤卫 阅读(442) 评论(0) 推荐(0)
Ext.apply、Ext.applyIf和Ext.extend
摘要：Ext.apply(obj, config, [defaults]) 将config对象的所有属性都复制到另一个对象obj上， 第三个参数defaults可以用来提供默认值， 不过通常指用前两个参数就够了。 这个函数主要用在构造函数中， 用来将配置复制到对象上。Ext.applyIf(obj, config) 和Ext.apply的功能类似， 唯一不同的是， 这个函数只会将config对象中有， 而obj对象中没有的属性复制到obj上。 Ext.extend(subclass, superclass, [overrides]) 用来继承已有的类， 通常的使用方法是 var SubClas... 阅读全文
posted @ 2012-02-08 10:53 赤卫 阅读(260) 评论(0) 推荐(0)
Ext.extend用法以及代码解读
摘要：Ext.extend用法以及代码解读概述Ext.extend是Ext的继承机制，这个函数的代码相当难懂。要明白这个函数的代码，首先要知道这个函数如何使用。使用方式使用示例假设有个function名为SuperClass，要实现一个子类，名为MyClass。下面的两种方式都可以实现这个功能。MyClass = Ext.extend(SuperClass, { /* */ }); //MyClass不需要先实例化Ext.extend(MyClass, SuperClass, { /* */}); //Mycalss需要先实例化，调用超类的构造函数下面来个具体示例：var a = function( 阅读全文
posted @ 2012-01-31 11:01 赤卫 阅读(702) 评论(0) 推荐(0)
Ext.extend三部曲
摘要：Ext源码分析源码分析之Ext的继承模式解说——第一节、类的定义将Ext的extend继承，我大不算费很大的口舌来解释，因为真的很难表达，什么原型啦，构造函数啦等等拗口的词汇反而不会帮助我们理解，最通俗易懂的莫过于例子了。下面的例子都是模仿Ext的写法来写的，非常正轨，都是本人精心斟酌过的，是一种非常好的设计模式，希望大家既然来看了，就耐心品味下，呵呵，欢迎留言交流下面这个例子我不打算解释，请您自己思考下Crab = function(){ this.leg = 10;};Crab.prototype.say = function(){alert('we hava '+this 阅读全文
posted @ 2012-01-31 10:07 赤卫 阅读(762) 评论(0) 推荐(0)
ExtJS页面元素操作。
摘要：Ext.get()/fly():返回一个Ext.Element实例对象，而不是普通的HTML的DOM元素，是Ext.Element.get()的缩写，接受混合参数，可以是字符串、HTML元素。Ext.getCmp():获得一个ExtJS组件，接收一个参数，参数为组件的id。Ext.getBody():把Document.body对象封装成ExtJS元素对象返回，不带参数。Ext.getDoc():把当前HTML文档对象，即Document对象封装成Extjs的Element对象返回，不带参数。Ext.getDom():获取标准HTML元素，参数可以是DOM节点id,DOM节点对象或DOM节点对 阅读全文
posted @ 2012-01-17 11:43 赤卫 阅读(292) 评论(0) 推荐(0)
extjs学习--事件机制
摘要：1.浏览器的事件机制--事件就是一个对象发生的事 浏览器的事件机制有两种模型。 第一种是最基本的原始时间模型。如：将嵌入处理代码到HTML标签，和赋值到元素的事件属性中进行注册事件的处理工作。在这种模型中，每个事件只能注册一个处理函数，作用域是其运行的对象。 第二种是标准模型，采用addEventListner为元素增加时间处理函数。注册函数 作用域和不再是当前运行的对象，而是定义它的对象。 2.extjs的事件机制 第一步：定义对象(A容器)，所有继承自ext.util.Observable类的控件都支持事件。 第二步：为这些继承了ext.util.Observable的对象定义一些事... 阅读全文
posted @ 2012-01-10 17:11 赤卫 阅读(219) 评论(0) 推荐(0)
第九课,Extjs数据处理
摘要：目标： 了解Extjs的数据模型 应用Extjs异步数据提交 对于ajaxpro的应用 介绍一个基本的设计模式内容：数据记录： Record 数据集合中的一个条记录，包括数据的定义和值。相当于实体类。 数据代理 Proxy 用来获取数据的代理。相当于Datasource。 数据解析器 DataReader 负责将Proxy获取的数据解析出来传换成Record并存入Store中。相当于C#的DataReader。 数据集 Store 一个保存数据的集合，类似于C#的Datatable 要建立一个数据记录类（注意不是具体一条数据），可以使用Ext.data.Record.create... 阅读全文
posted @ 2011-12-07 22:18 赤卫 阅读(287) 评论(0) 推荐(0)
第八课,Extjs更换皮肤
摘要：目标： 了解3种办法更换皮肤内容： 1，直接在当前浏览器更换皮肤 2，在当前浏览器更换皮肤并保存到cookle 3，在当前浏览器更换皮肤并保持到config文件 1.直接添加其他css文件换肤. 皮肤文件:xtheme-olive.zip下载 把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面: 解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下images文件夹下设置css文件如下:其实就是在原有的基础上添加了个xtheme-olive.css文件。定.. 阅读全文
posted @ 2011-12-07 22:17 赤卫 阅读(310) 评论(0) 推荐(0)
第六课,Extjs中常用表单介绍与应用
摘要：目标: 知道表单面板如何创建了解表单面板中xtype的类型的应用 知道表单面板如何验证，绑定，取值 综合应用表单面板（玩转它）内容: 首先我们要理解的是FormPanel也是继承panel组件的。所以它有着panel的属性 要创建一个表单面板其实很简单 var MyformPanel=new Ext.form.formpanel(); 表单面板和面板一样只是作为一个容器出现的，需要我们使用items加入各控件元素来丰富我们的表单面板， defaults:{},此属性提取了items中各组件项的共同属性 对于xtype:在表单面板中非常有用，没有必要每次都用new 来创建一个组件，它定义了组件的 阅读全文
posted @ 2011-12-07 22:16 赤卫 阅读(249) 评论(0) 推荐(0)
第七课,Extjs中常用表单介绍与应用二
摘要：目标： 了解基本组件的数据绑定远程数据源组合筐应用 表单的提交和加载应用： 在上一篇课件中我只是比较急促的讲解了下表单组件的基本应用，这里我重点介绍数据绑定与表单的提交和加载。 1,在js中调用后台变量与方法 （很简单哦） public string ServerData = "'陈建强'"; //后台定义的变量 emptyText:<%=ServerData %>,//js中调用public string ReturnData(string strData)//后台方法 { return strData; } emptyText:<%=R 阅读全文
posted @ 2011-12-07 22:16 赤卫 阅读(178) 评论(0) 推荐(0)
第五课,Extjs中面板布局的应用
摘要：目标：介绍Panel布局的各种类 Panel布局类在VS中的介绍内容：Panel布局类有10种：容器布局，自适应布局，折叠布局，卡片式布局，锚点布局，绝对位置布局，表单布局，列布局，表格布局，边框布局 1，Ext.layout.ContainerLayout 容器布局 提供容器作为布局的基础逻辑，通常会被扩展而不通过new关键字直接创建，一般作为默认布局存在 2，Ext.layout.FitLayout 自适应布局使用layout:'fit' 将使面板子元素自动充满容器，如果有多个子面板也只会第一个会被显示 3，Ext.layout.AccordionLayout 折叠布局 （ 阅读全文
posted @ 2011-12-07 22:15 赤卫 阅读(393) 评论(0) 推荐(0)
第四课,Extjs中面板的应用
摘要：目标： 了解ExtJS中panel的组件 在vs项目中应用panel组件 扩展Extjs中panel功能 介绍继承与panel的子组件及其应用内容： 面板包括5个部分：header,tbar,body,bbar,buttons panel作为面板组件在项目中出现，可以作为其他组件的容器 panel组件的子类组件包括TabPanel,GridPanel,FormPanel,TreePanel组件， 所以非常有必要介绍Panel组件的配置参数和相关的属性、方法。panel组件的属性Code highlighting produced by Actipro CodeHighlighter (fr.. 阅读全文
posted @ 2011-12-07 22:14 赤卫 阅读(224) 评论(0) 推荐(0)
第二课,Extjs中Json的应用
摘要：目标： 了解什么是Json 理解json的语法及格式 在vs中应用json内容：JSON 为一种更轻、更友好的 Web services客户端的格式（多采用浏览器的形式或访问 REST风格 Web服务的Ajax应用程序的形式）JSON和XML一样也是一种简单文本格式。相对于XML，它更加易读、更便于肉眼检查。在语法的层面上，JSON与其他格式的区别是在于分隔数据的字符，JSON中的分隔符限于单引号、小括号、中括号、大括号、冒号和逗号代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeH 阅读全文
posted @ 2011-12-07 22:13 赤卫 阅读(199) 评论(0) 推荐(0)
第三课,Extjs中进度条的应用
摘要：目标： 了解Extjs中进度条的呈现方式 理解Extjs中进度条的应用范围内容： Ext.MessageBox.show()中的进度条的使用首先必须知道例外两个方法Ext.MessageBox.hide()和Ext.MessageBox.updateProgress(value,"ProgressText","msg")(三个参数，看名字就知道意思)， 注意value为0-1之间的数，表示进度条的进度. 第一种：（通过进度的大小控制进度，满进度为1）代码Code highlighting produced by Actipro CodeHighlight 阅读全文
posted @ 2011-12-07 22:12 赤卫 阅读(249) 评论(0) 推荐(0)
第一课,Extjs在vs中使用及弹出对话框的介绍
摘要：目标： 认识EXTJS（自己google） 在vs中创建EXTJS的编程环境 通过一个简单的例子了解EXTJS编程过程内容： 个人理解EXTJS是一个基于ajax富客户端应用程序框架， 1，创建vs项目 2，将extjs包拷贝到项目中 3，页面加载extjs主要文件 在<head></head>之间加入主要文件 <link href="ext-3.2.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script 阅读全文
posted @ 2011-12-07 21:23 赤卫 阅读(232) 评论(0) 推荐(0)
一，EXTJS介绍
摘要：基本组件---------------------------------------box Ext.BoxComponentbutton Ext.Buttoncolorpalette Ext.ColorPalettecomponent Ext.Componentcontainer Ext.Containercycle Ext.CycleButtondataview Ext.DataViewdatepicker Ext.DatePickereditor Ext.Editoreditorgrid Ext.grid.EditorGridPanelgrid Ext.grid.GridPanelpag 阅读全文
posted @ 2011-12-07 21:22 赤卫 阅读(225) 评论(0) 推荐(0)