随笔分类 -  extjs

摘要：1.服务器数据作为ComboBox的数据源 实例首先从服务器获取json数据：//cs后台代码，简单起见，示例而已，要主要字符串格式(新手注意，下面的代码放在类里面，不是放在方法里)publicstringServerData=”['湖北','江西','安徽']“;//前台js介绍代码Ext.onReady(function(){varcombo=newExt.form.ComboBox({store:我们就通过这样的方式获取到了服务器最简单的属性数据。2.ComboBox的数据源store格式详解在前面的例子里面，我们一直给 ComboBox的 阅读全文

摘要：Ext中的get、getDom、getCmp、getBody、getDoc的区别Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。 使用时注意区别调用参数及返回类型上。1、get方法get 方法用来得到一个Ext元素，也就是类型为Ext.Element的对象， Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element对象 上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖 阅读全文

摘要：Ext2.0对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件，Ext组件是由 Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。基本组件有：xtype Class————- ——————box Ext.BoxComponent 具有边框属性的组件button Ext.Button 按钮colorpalette Ext.ColorPalette 调色板component Ext.Component. 阅读全文

摘要：Extjs4循序渐进(三)——表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)表单基础 如果说GRID是数据展示最直接的方式，那么表单就是数据采集最常用的方式。在一个项目中，从小的登录界面到大的报表填报，表单无处不在。而Ext中提供了大量的表单控件，不仅美化了html本身所提供的表单元素，也有着其不具备的强大功能。值得一说的是，在性能上Extjs还是有一定的瓶颈，请大家注意优化，切勿滥用。（因表单控件较多，分多个篇章来讲述，务必会具体到各个细节及各种应用，有不详之处请大家指出） 首先是一段简单的代码申明:Ext.req 阅读全文

摘要：Extjs4循序渐进(二)——Ext的界面(容器和布局)容器一个EXT的界面是由许多的EXt组件构成的，而容器是负责控制每个组件的尺寸和定位。容器本身也是Ext的组件之一，也可以认为是一种存放其他组件的特殊组件。最普通的容器就是Panel。接下来我们定义一个panel。首先是定义方式 Ext4.X相比起以前，声明一个新组件的方式有所不同。在3.x中，声明方法为：var panel=new Ext.panel(….),而在Ext4.X中申明一个组件的基本方式有2种：//第一种 Ext.create('Ext. panel.Panel', { title: '福利性住房业务 阅读全文

摘要：Extjs4循序渐进(一)——开始Ext 前言 做前端开发也很长时间了，从写基本的JS到JQ，从easyui、jq-ui等简单的UI插件到自己写插件也经历过不少。目前因项目需要，要用到Extjs做前端，于是用了最新的4.0.7版本。虽然以前也接触过Extjs，但在一段时间的开发过程中依旧感觉到各种无力,特别是在Extjs4.X版本改动较大的情况下，很多东西已经不能只靠百度去寻找了（找到也没用）。在网上关于Extjs4.X的东西少之又少，要么就仅限于官方的那几个demo。在同事和朋友的怂恿下，小弟不才愿意将开发过程中所学到的，用到的，一一记录下来，跟大家一起分享。同时也希望通过博客园能吸引到大. 阅读全文

摘要：Ext Grid 状态保存直接进入主题一直使用Ext开发系统，遇到grid 列比较多的时候 ，有些人需要有些人不需要，则需要保存grid 的状态。目前有三种方法1.启用自带cookie保存2.使用扩展SessionProvider3.使用扩展HttpProvider这次主要使用1和3。1，启用自带cookie保存状态启用cookie保存状态，使用起来既方便又简单，网上相关资料也比较多。第一步：修改grid配置项 激活stateful:true,添加状态IDstateId:xxxxx第二步：Ext.onReady 里面添加初始化函数：Ext.state.Manager.setProvider(n 阅读全文

摘要：4.0之前，Ext 的功能已经十分丰富，数据层却难以令人满意。作为 UI 框架，数据层可能不是重点，但明显攸关到业务顺利的展开与否。然而，3.0 之后，虽然过增加了 Ext.data.Api/REST/Direct 等的新协议，但无论 3.0 还是 2.0，Ext.data.* 底层仍维持 1.0 的对象模型。越来越多的新协议和新机制加入到 Ext.data.*后，反而造成 API 逾加凌乱。这样就有了改造 data 的必要了。可喜的是，4.0 中已经重构 Ext.data.* 部分，重点解决旧版里面所存在的问题。新4.0比较3.x/2.x说明Ext.data.Model继承自Ext.util 阅读全文