
Extjs4.1
文章平均质量分 73
wh591344741
这个作者很懒,什么都没留下…
展开
-
Extjs4的layout的9种布局样式风格
extjs 的容器组件都可以设置它的显示风格:它的有效值有:absolut、accordion、anchor、border、card、column、fit、form、table一共9种absolute顾名思义,在容器内部,根据指定的坐标定位显示 accordion这个是最容易记的,手风琴效果 java 代码:Ext.OnReady(function(){ var转载 2013-01-24 16:41:36 · 446 阅读 · 0 评论 -
EXTJS4自学手册——EXT数据结构组件(Model之间的关系)
在现实情况中,模型与模型之间常常有1对多,多对多关系,这种关系可以被EXT的数据组件支持。在EXT中,这种关系有2中类型:1.belongsTo:当前模型与指定模型之间的关系是多对一2.hasMany:当前模型与指定模型之间的关系是一对多例子:我们定义3个Model(作者、书籍、章节),一个作者有写了许多书籍,一本书有许多章节作者的数据结构如下转载 2013-04-20 11:26:48 · 920 阅读 · 0 评论 -
EXTJS4自学手册——EXT容器布局(Auto,Anchor,Absolute,Hbox)
一、auto布局说明:组件在容器中根据渲染顺序从上大小依次排列例子:script type="text/javascript"> 在页面加载完成后调用JS代码--> Ext.onReady(function(){ //定义panel组件var panel1 = Ext.create('Ext.panel.Panel',{转载 2013-04-20 11:27:40 · 1177 阅读 · 0 评论 -
EXTJS4自学手册——EXT容器布局(Fit,Card,Border)
一、Fit布局说明:容器内的组件占满整个容器例子:script type="text/javascript"> 在页面加载完成后调用JS代码--> Ext.onReady(function(){ //定义panel组件var panel1 = Ext.create('Ext.panel.Panel',{转载 2013-04-20 11:28:29 · 582 阅读 · 0 评论 -
EXTJS4自学手册——页面控件(表格)
grid控件是EXTJS中非常常用的组件,用于生成表格一、最简单的表格:例子:script type="text/javascript"> 在页面加载完成后调用JS代码--> Ext.onReady(function(){ Ext.create('Ext.grid.Panel',{ renderTo:'myGrid',转载 2013-04-20 11:29:47 · 676 阅读 · 0 评论 -
EXTJS4自学手册——EXT数据结构组件(proxy代理类之服务器端代理)
一、AjaxProxy说明:这是最常用的代理,通过ajax和服务器交互数据 例子:script type="text/javascript"> Ext.onReady(function () { //定义一个数据模型 Ext.define('MyInformation', {转载 2013-04-20 11:30:14 · 592 阅读 · 0 评论 -
EXTJS4自学手册——页面控件(表格的插件)
一、Ext.grid.plugin.CellEditing说明:编辑表格单元格插件例子:定义store: var store = Ext.create("Ext.data.ArrayStore", { fields: ['id', 'name', 'age', 'address'],转载 2013-04-20 11:31:32 · 753 阅读 · 0 评论 -
Ext4自学手册-EXT文件目录,本地加载文档,命名规范
1.从http://www.sencha.com/products/extjs下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。 2.解压缩文件,得到以下目录 docs目录中是说明文档examples目录中是EXTJS的例子locale目录中是本地化转载 2013-04-20 11:21:55 · 725 阅读 · 0 评论 -
EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互)
一、通过在Model的fields属性后面声明validtion属性,实现数据验证例子: script type="text/javascript"> Ext.onReady(function () { //定义一个类MyInformation,继承自Ext.data.Model转载 2013-04-20 11:26:13 · 628 阅读 · 0 评论 -
EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端代理)
在EXT中,proxy类用于交互数据。分为客户端代理和服务器端代理两类客户端代理:LocalStorageProxySessionStorageProxyMemoryProxy服务器端代理:AjaxProxyScriptTagProxyDirectProxyRestProxy 一、LocalStoragePro转载 2013-04-20 11:27:14 · 566 阅读 · 0 评论 -
EXTJS4自学手册——页面控件(表单控件)
一、Ext.form.Panel说明:Form fields包括:hiddenfield,displayfield,textfield,textareafield,filefield,timefield,datefield,combobox,numberfield,checkboxfield,radiofield,multislider,sliderfield例子:转载 2013-04-20 11:32:30 · 516 阅读 · 0 评论 -
EXTJS4自学手册——EXT数据结构组件(store)
一、简单的store说明:store是一个数据容器,是model的集合,数据存放在store中。例子: Ext.onReady(function(){ //定义一个model Ext.define('MyInformations',{ extend:'Ext.data.Model',转载 2013-04-20 11:30:41 · 617 阅读 · 0 评论 -
EXTJS4自学手册——页面控件(表格的特性)
一、分组展示说明:通过声明grid控件的features属性,创建Ext.grid.feature.Grouping组件,实现分组展示例子:首先,在定义store时,声明需要分组的字段: var store = Ext.create("Ext.data.ArrayStore", { fields: ['id'转载 2013-04-20 11:31:07 · 720 阅读 · 0 评论 -
EXTJS4自学手册——EXT对象选择
一、Ext对象分为3种:htm控件,EXTJS元素,EXTJS组件二、Ext选择对象的方法: 选择html控件:Ext.getDom(对象的ID) 选择EXT元素:Ext.get(对象的ID) 选择EXT组件:Ext.getCmp(对象的ID)例子1(Ext.getDom和Ext.get方法):html>head>转载 2013-04-20 11:25:44 · 617 阅读 · 0 评论 -
EXTJS4自学手册——EXT数据结构组件(创建一个Model)
一、Model类说明:可以将model看成表结构,定义model就是定义表结构例子: script type="text/javascript"> Ext.onReady(function () { //定义一个类MyInformation,继承自Ext.data.Model Ext.define('MyInf转载 2013-04-20 11:25:15 · 614 阅读 · 0 评论 -
Extjs 4.1相关知识点
1、在js中可以利用eval(String)将String类型的数据转换为对象数据2、在gridPanel中添加复选框和行号的属性:selType:'checkboxmodel',multiSelect:true,//设置复选框为多选,默认为单选行号:new Ext.grid.RowNumberer(), 或是在gridPanel中添加行号,加一列:{xtype: 'rownum原创 2013-01-24 16:35:39 · 496 阅读 · 0 评论 -
js反编译
js反编译工具的地址:http://js.clicki.cc/原创 2013-01-24 16:16:31 · 4072 阅读 · 0 评论 -
Ext.query(String path, [Node root] )的知识点
1、元素选择符SelectorExt.query("span"); // 这个查询会返回所有span标签组成的数组。Ext.query("span", "foo"); // 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。Ext.query("#foo"); //按id获取标签,你需要加上“#”的前缀 Ext.query(".原创 2013-01-31 13:10:19 · 277 阅读 · 0 评论 -
ext自动补全
Ext.onReady(function(){Ext.ux.AutoComplete = Ext.extend(Ext.form.ComboBox,{typeAhead:false,loadingText:'载入中...',displayField:'username',hideTrigger:true,minChars:1,simple:false,valueFi转载 2013-03-14 15:28:17 · 985 阅读 · 0 评论 -
Ext的Calender实例编辑
1、数据:修改data里面的Calenders.js和Event.js里的数据Calenders.js原来的数据位:Ext.define('Ext.calendar.data.Calendars', { statics: { getData: function(){ return { "cale原创 2013-02-01 14:53:18 · 720 阅读 · 0 评论 -
Ext4.1小结
1、创建下拉框:{ id:'user', xtype:'combo',//下拉框类型 name:'workPlan.user.id', fieldLabel:'测试',valueField:'id',displayField:'name',triggerAction:'all',queryModel:'local', ancho原创 2013-01-25 17:06:41 · 621 阅读 · 0 评论 -
Ext.state.Manager.setProvider(new Ext.state.CookieProvider())
Ext.state.Manager.setProvider(new Ext.state.CookieProvider())初始化Ext状态管理器,在Cookie中记录用户的操作状态,如果不启用,象刷新时就不会保存当前的状态,而是重新加载 象如果窗口中有用可拖动面板的话,你在拖动后如果启动了Ext.state.Manager.setProvider(new Ext.state.Coo转载 2013-04-09 11:39:43 · 504 阅读 · 0 评论 -
EXTJS4自学手册——EXT基本方法、属性(onReady、define、create)
1.Ext.onReady说明:onReady内的语句块会在页面上下文加载后再执行例子:html>head> title>Indextitle> link href="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css" rel转载 2013-04-20 11:23:15 · 1089 阅读 · 0 评论 -
EXTJS4自学手册——EXT容器布局(Vbox,Accordion,Table,Column)
一、Vbox布局说明:组件在容器内垂直布局,使用方法和Hbox一样,组件渲染方向不同例子:script type="text/javascript"> 在页面加载完成后调用JS代码--> Ext.onReady(function(){ //定义panel组件var panel1 = Ext.create('Ext.panel.Panel',{转载 2013-04-20 11:28:05 · 615 阅读 · 0 评论 -
EXTJS4自学手册——EXT组件布局
一、Dock 说明:在组件的上下左右添加其他组件通过dock属性设置添加的组件在原组件的位置例子:script type="text/javascript"> 在页面加载完成后调用JS代码--> Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ //将pa转载 2013-04-20 11:28:53 · 724 阅读 · 0 评论 -
EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor)
1.Ext.apply说明:将配置文件中的属性复制到特定的对象 2.Ext.applyIf说明:将配置文件中的属性复制到特定对象,如果对象中保护配置文件中的属性,就不复制 3.constructor属性说明:在定义类的时候,定义类的构造函数 例子1:定义一个类TextClass,具有一个构造函数,接收一个对象作为参数,转载 2013-04-20 11:24:18 · 1174 阅读 · 0 评论 -
EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require)
1.mixins说明:类似于面向对象中的多继承 script type="text/javascript"> Ext.onReady(function () { //创建一个类,类名:TextClass,具有两个属性:A、B Ext.define('TextClass', { A: '转载 2013-04-20 11:24:47 · 637 阅读 · 0 评论 -
EXTJS4自学手册——页面控件(树形控件)
一、简单的树:例子: Ext.onReady(function () { //定义树形组件 Ext.create('Ext.tree.Panel', { title: '简单的树形组件', width: 200, //数转载 2013-04-20 11:32:04 · 510 阅读 · 0 评论