好文章引用:Extjs4 TabPanel例子 感谢原作者...…

好久没有写新的博文了,过了个年休息了近一个月,人都懒散了.. 这几天要把项目中的几个模块有ext3升级到ext4,还要保持页面展示和功能要跟3.x版本的一样.升级并不是一件简单的是,基本相当于重写了,3.x版本的复选框树级联操作是在网上找的一个现成的插件,直接搬运到4.2中就不能用了,但是又找不到可用的插件.百度谷歌了好久,还真让我搞出来一个方法,记录下来吧,也分享给大家.如有不合理或者更好的方法希望不吝赐教. 在3.x版本中要实现级联选择的话,我使用的是一个TreeCheckNodeUI.js…

写写就发现,有些代码不查查源头,不明白是怎么回事?搜到这篇文章觉得还是收益匪浅,更容易读懂代码. Classes in Ext JS 4: Under the hood Countdown to Ext JS 4: Dynamic Loading and New Class System[官网] 整理如下: 简单回顾一下,新的Class System (类系统),使我们能够这样定义类: Ext.define('Ext.Window', { extend: 'Ext.Panel', require…

至此我们已经学习了Data包和布局等API.下面我们来学习作为Extjs框架中我们用得最多的用来展现数据的Grid.Tree和Form吧! 目录: 5.1. Grid panel 5.1.1. Columns 5.1.2. Feature 5.1.2.1. Ext.grid.feature.Grouping 5.1.2.2. Ext.grid.feature.Summary 5.1.2.3. Ext.grid.feature.GroupingSummary 5.1.2.4. Ext.grid.f…

布局用于定义容器如何组织内部子元素和控制子元素的大小.在一个应用程序中,作为定义容器的组织形式,布局是一个十分重要的组件.是显示单个子元素?还是垂直或水平显示多个子元素?这些均由布局来定义.并且布局将占用应用程序大部分的呈现时间.Extjs4中对布局进行了重大的修整.下面我们将学习并熟悉Extjs中的布局. 本章目录如下: 3.1. Extjs 4 布局 3.2. Container布局 3.2.1. Auto布局 3.2.2. Anchor布局 3.2.3. Absolute布局 3.2.4.…

  Extjs 4引入新的数据包,其中新增了不少新类并对旧有的类作出了修整.使数据包更强大和更容易使用.  本章我们将学习一下内容: 2.1. 概述新特性      Extjs4的数据包引入了如Model类的新特性.同时对Store和Proxy类进行了修整.大部分的修整都是向后兼容的.最大的变化是在Record.Store和Proxy类中.Extjs4的数据包是其中一个与Sencha Touch共享的包.      Model是数据包中其中一个最重要的类.它的前身是Record类.现在我们可以通…

1.Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行. 2.Ext.define 说明:创建类,可以继承其他类,也可以被继承. 例子1: 1 <script type="text/javascript"> 2 Ext.onReady(function () { 3 //创建一个类,类名:TextClass,具有两个属性:A.B 4 Ext.define('TextClass', { 5 A: 'a', 6 B: 'b' 7 }); 8 //实…

最近碰到个问题,在ExtJS中应该如何设置tabpanel的tab的高度?因为默认情况下,tab的高度太矮了,以至于tab的标题底部字都被截掉.设置了个tabpanel.minHeight = ‘500’,但是这个仅仅是设置tabpanel的高度,而不是设置tabpanel的每个tab的标题的高度.随后,又改成了minHeight:‘50’,好像效果还是不理想. 如果只是为了每个tab的高度的话,自然tab高度依赖于tabpaenl的高度,tabpanel又依赖于外层组件的高度,如果仅仅把tab…

在Grid中显示时间,后台传过来的是date格式的数据(PHP date('Y-m-d', time()),一般在Ext model中定义数据的类型和格式: {name:'birth', type:'date'}, view层: { header: '生日', dataIndex: 'birth', editor:{ xtype: 'datefield', format : 'Y-m-d'}} 但这是个可编辑的grid row,通过搜索得知,必须自己定义renderer,试过: renderer…

1.定义rg var rg = new Ext.form.RadioGroup({ fieldLabel : "test", items : [{ boxLabel : '每天', inputValue : "1", name : "rg" }, { boxLabel : '一次', name : "rg", inputValue : "2" }] }); 2.赋值 rg.setValue({rg: &qu…