摘要：在创建Ext.TabPanel时，配置项deferredRender经常会被忽略，关于这个配置项，我们来看一下API文档的解释：“内置地，Tab面板是采用Ext.layout.CardLayout的方法管理tabs。此属性的值将会传递到布局的Ext.layout.CardLayoutdeferredRender配置值中， 以决定tab面板是否只有在第一次访问时才渲染（缺省为true）。内置地，Tab面板是采用Ext.layout.CardLayout的方法管理tabs。此属性的值将会传递到布局的Ext.layout.CardLayoutdeferredRender配置值中， 以决定tab面板是 阅读全文

摘要：①Ext.data.XmlReader 是XML文档解析器，用于把XML文档数据转换成记录集Record对象。看代码： var record = Ext.data.Record.create([ {name:'title'}, {name:'username',mapping:'author'}, {name:'loginTimes',type:'int'} ]); var reader = new Ext.data.XmlReader({ totalRecords:'results', recor 阅读全文

摘要：①Extjs中有一个名为Record的类，表格等控件中使用的数据是存放在Record对象中，一个人Record可以理解为关系数据表中的一 行，也可以称为记录。Record对象中即包含了记录（行中的各列）的定义信息。也就是该记录包含哪些字段，每一个字段的数据类型等。同时又包含了具体的 记录信息，也就是各个字段的值。看代码： 1 <script> 2 Ext.onReady(function(){ 3 var record = Ext.data.Record.create([ 4 {name:'title'}, 5 {name:'username',ma 阅读全文

摘要：在某列指定editor即可对该列进行编辑，对于生日，由于是日期类型，因此我们可以使用日期编辑器来编辑，对于性别，不应该让用户直接输入，而应该是通过下拉框进行选择。日期编辑器使用Ext.form.DateField组件，下拉选择框编辑器可以使用Ext.form.ComboBox组件。看代码：Ext.onReady(function(){ var data = [{ id:1, name:'小王', email:'xiaowang@easyjf.com', sex:'男', bornDate:'1991-4-4'}, { id:2, 阅读全文

摘要：给grid中其中网址的那一列，加上超链接，使之点击即可进入。看代码：function showUrl(value){ return "<a href="+value+">"+value+"</a>";}Ext.onReady(function(){ var data=[ {id:1,name:'EasyJWeb',organization:'EasyJf',homepage:'www.Easyjf.com'}, {id:2,name:'jfox', 阅读全文

摘要：8.所谓布局就是指容器组建中子元素的分布、排列组合方式。Ext的所有容器组件都支持布局操作、每一个容器都会有一个对应的布局、布局负责管理容器组件中子元素的排列、组合及渲染方式等。Extjs的布局基类为Ext.layout.ContainerLayout，其他布局都是继承该类。Extjs的容器组件包含一个layout及LayoutConfig配置属性，这两个属性用来指定容器使用的布局及布局的详细配置信息。如果没有指定容器组件的layout则的默认使用ContainerLayout作为布局，该布局只是简单的把元素放到容器中，有的布局要layoutConfig配置，有的则不需要layoutConfi 阅读全文

摘要：Extjs支持事件队列，可以往对象的某一个事件中添加多个事件响应函数。看代码：<script> function a(){ alert('u clicked me a'); } function b(){ alert('u clicked me b '); } Ext.onReady(function(){ Ext.get("btn").on("click",a); Ext.get("btn").on("click",b); }); </script> < 阅读全文

摘要：Extjs提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监控控件状态变化，更新控件视图信息，与服务器进行交互等等。事件同意由Ext.EventManager对象来管理，与浏览器W3C标准事件对象Event对应，Ext封装了一个Ext.EventObject事件对象。支持事件处理的类（或接口）为Ext.util.Observable,凡是继承该类的组件或类都支持往对象中添加事件处理及相应功能。首先我们来看看标准html中的事件处理，看下面的html代码：<script>function a(){ alert("u clicked me");} 阅读全文

摘要：1.要使用Extjs框架的页面中一般要包括下面几句：①<link rel="stylesheet" type="text/css" href="extjs/resource/css/ext-all.css"/>②<script type="text/javascript" src="extjs/adapter/ext/ext-base.js">③<script type="text/javascript" src="extjs/ext- 阅读全文