![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ExtJs2.x
文章平均质量分 61
wjt276
这个作者很懒,什么都没留下…
展开
-
ExtJS笔记--Ext.form.Field
Ext.form.Field类全称: Ext.form.Field继承自于: Ext.BoxComponent表单元素的基类,提供事件操作、尺寸调整、值操作与其它功能。 配置项 1、fieldLabel : String 在组件旁边那里显示的label文本(默认为'')。此组件只有在Ext.form.FormLayout FormLayout布局管理器控制的容器...原创 2009-09-12 18:55:07 · 201 阅读 · 0 评论 -
ExtJS layout的9种样式详解(二)
例二:Ext.onReady(function() { var i = 0; var navHandler = function(direction) { if (direction == -1) { i--; if (i < 0) { i = 0; } } if (direction == ...2009-08-19 22:38:29 · 73 阅读 · 0 评论 -
ExtJS layout的9种样式详解(三)
七、fit 一个子元素将充满整个容器(如果多个子元素则只有一个元素充满整个容器)例一: 例二: 如果容器组件中有多个子元素,则只会显示一个元素,如下面的代码:Ext.onReady(function(){new Ext.Panel({ renderTo:"hello", title:"容器组件", layout:"fit", width:500,...原创 2009-08-19 22:53:38 · 77 阅读 · 0 评论 -
Ext中的get、getDom、getCmp、getBody、getDoc的区别
Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。1、get方法get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element 对象上的方法来实现对DO...原创 2009-08-20 12:24:48 · 63 阅读 · 0 评论 -
ExtJs:el与contentEl区别
1、把<div id="div_exam"></div>嵌入到当前Ext元素panel内:{ fieldLabel: "上传图片", xtype: 'panel', contentEl: 'div_exam'} 效果:<div class="x-panel-body x-panel-body-noheade...原创 2009-08-21 12:43:30 · 66 阅读 · 0 评论 -
Ext中文乱码和中文显示问题
1、前后台所有文件统一用utf-8编码方式。 2、在Request Headers中设置Content-Type:application/x-www-form-urlencoded; charset=utf-8,具体方法:将Ext.lib.Ajax.defaultPostHeader += '; charset=utf-8'加在Ext.onReady块里,此方法可以解决用EXT在POST时的中...原创 2009-08-21 21:13:22 · 137 阅读 · 0 评论 -
Ext2.2在IE6下菜单menu图标与文字重叠、错位的问题解决
ie6下看的时候,有这个问题,后来就到FF下看[img]http://dl.iteye.com/upload/attachment/141807/95693072-1cc5-319a-a659-26952f66536a.jpg[/img]新建一个patch.css文件,然后把内容三句copy进去 接着在 你引入ext-all.css的后面引入这个新的patch.css文件 ...原创 2009-09-01 22:06:44 · 77 阅读 · 0 评论 -
Ext2.2在FireFox下字体显示太小的问题解决方法
新建一个patch.css文件,然后把内容copy进去 接着在 你引入ext-all.css的后面引入这个新的patch.css文件 [code="css"]ext-el-mask-msg div,.loading-indicator,.x-tab-strip span.x-tab-strip-text,.x-form-invalid-msg,.x-small-editor .x-fo...原创 2009-09-01 22:09:23 · 121 阅读 · 0 评论 -
ExtJS笔记--applyTo和renderTo的区别
extjs中经常会用到renderTo或applyTo配置选项。这里,我就比较下两者的区别与用法。1、renderTo与render方法对应2、applyTo与applyToMarkup方法对应一、applyTo的使用:1、applyTo所指向的el元素必须要有父节点。2、applyTo所指向的el元素实际上是充当了对象要渲染的模板,对象是渲染在其父节点内。即对象实例化后所产生的html代码是插入...原创 2009-09-11 06:48:03 · 150 阅读 · 0 评论 -
ExtJS笔记--Ext..Button组件
Ext..Button组件例: Ext.QuickTips.init(); var buttonName = new Ext.Button({ id:"buttonName", text:"Button组件基本用法", tooltip:"提示信息:Button组件基本用法", //提示信息...2009-09-11 06:52:19 · 67 阅读 · 0 评论 -
ExtJS笔记--Ext.data详解
Ext.dataExt.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data默认支持Array、JSON、XML等数据格式,可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数据。如果要实现新的协议和新的数据结构,只需要扩展read...2009-09-11 06:56:41 · 334 阅读 · 0 评论 -
ExtJS笔记--Ext.form.Checkbox
Ext.form.Checkbox类全称: Ext.form.Checkbox继承自于: Ext.form.Field单独的checkbox域,可以直接代替传统checkbox域。 配置项1、focusClass : String 当表单元素获取焦点时的CSS样式(默认为"x-form-focus")2、fieldClass : String 表单元...原创 2009-09-11 06:58:11 · 394 阅读 · 0 评论 -
ExtJS笔记--Ext.form.ComboBox
Ext.form.ComboBox类全称: Ext.form.ComboBox继承自于: Ext.form.TriggerField 一个提供自动完成、远程加载、分页和许多其他特性的组合框。 配置项1、transform : Mixed 要转换为组合框的id,DOM节点或者已有的select元素。 2、lazyRender : Boolean ...原创 2009-09-11 07:00:04 · 583 阅读 · 0 评论 -
ExtJS笔记--Ext.form.DateField
Ext.form.DateField类全称: Ext.form.DateField继承自于: Ext.form.TriggerField 提供一个下拉的Ext.DatePicker日期选择、自动效验控件的日期输入字段。配置项1、format : String 用以覆盖本地化的默认日期格式化字串。字串必须为符合指定Date#parseDate的形式(默...原创 2009-09-11 13:14:05 · 267 阅读 · 0 评论 -
EXT之form.load(转)
大家看下面的简单例子,如果我们要实现一个从后台读取对应数据到对应文本中的操作,在EXT中可以这样来实现首先要配置form里面的reader属性,这个属性是决定读取数据和前台对应文本的映射,这里用的是JSON格式,所以配置如下(蓝色部分),读取可以这样操作,写个ACTION,通过传参的方式,获取是需要的JSON数据,然后通过form.load方法来获得数据,如下:form.get...原创 2010-10-23 10:32:54 · 314 阅读 · 0 评论 -
form.load()加载后,怎么得到服务端返回的JSON数据?-转至 一起Ext
Ext.Ajax.request({ url:url, method:'POST', params:'', success:function(response,options){ var resposeArray=Ext.util.JSON.decode(response.responseText); }...原创 2010-10-23 10:36:37 · 368 阅读 · 0 评论 -
ExtJS layout的9种样式详解(一)
xtJS学习笔记 layout的9种样式风格extjs的容器组件都可以设置它的显示风格,它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种一、 absolute 顾名思义,在容器内部,根据指定的坐标定位显示 二、 accordion 这个是最容易记的,手风琴效果 ,表...2009-08-19 19:26:12 · 128 阅读 · 0 评论 -
深刻理解EXT与服务器端的交互
EXT是一款强大的AJAX框架,其UI设计非常华丽,所以在对UI要求高的项目中可以使用! 前面一段时间发了一篇封装的EXT CRUD面板,地址为http://www.phpchina.com/bbs/thread-59552-1-1.html只是单纯的贴出了代码,对于其中的运行原理并未提及到,这篇文章将分享该CRUD面板实现原理,好了,不废话,正式开始。 下面...原创 2009-08-19 09:40:16 · 173 阅读 · 0 评论 -
ExtJS笔记--Ext.form.FieldSet
Ext.form.FieldSet类全称: Ext.form.FieldSet继承自于: Ext.Panel针对某一组字段的标准容器。 配置项 1、checkboxToggle : Mixed True表示在lengend标签之前fieldset的范围内渲染一个checkbox,或者送入一个DomHelper的配置对象制定 checkbox(默认为false)。选择该...原创 2009-09-12 18:57:36 · 171 阅读 · 0 评论 -
ExtJS笔记--Ext.form.FormPanel(一)
Ext.form.FormPanel 类全称: Ext.form.FormPanel继承自于: Ext.Panel 配置项 1、formId : String (可选的)FORM标签的id(默认是自动生成的)。 2、labelWidth : Number 标签的宽度。该属性级联于子容器。 3、 itemCls : String 关于容...原创 2009-09-12 18:59:17 · 1362 阅读 · 0 评论 -
ExtJS笔记--Ext.form.FormPanel(二)
1、layout : String 此容器所使用的布局类型。如不指定,则使用缺省的Ext.layout.ContainerLayout类型。 当中有效的值可以是:accordion、anchor、border、cavd、column、fit、form和table。 针对所选择布局类型,可指定#layoutConfig进一步配置。 2、layoutConfig : Object...原创 2009-09-12 19:04:03 · 321 阅读 · 0 评论 -
ExtJS笔记--Ext.form.FormPanel(三)
1、afterlayout( Ext.Container this, ContainerLayout layout ) 由关联的布局管理器(layout manager)分配好容器上的组件后触发侦听器会传入以下的参数:this : Ext.Container layout : ContainerLayout 此容器的ContainerLayout实现。 2、before...原创 2009-09-12 19:08:18 · 174 阅读 · 0 评论 -
ExtJS笔记--Ext.form.FormPanel(四)综合实例
[code="javascript"]//表单开始------------------------------------------------------ var form = new Ext.form.FormPanel({ title: '编辑学生信息', region: 'east', frame: true, width: 300, au...原创 2009-09-12 19:11:15 · 195 阅读 · 1 评论 -
ExtJs生成静态树
类Ext.tree.TreePanel 包: Exttree 定义的文件: TreePanel.js 类全称: Ext.tree.TreePanel 继承自于: Ext.Panel TreePanel为树状的数据结构提供了树状结构UI表示层。TreeNodes是加入到TreePanel的节点,可采用其attributes属性 来定义程序的元数据Tre...原创 2009-12-12 09:40:54 · 128 阅读 · 0 评论 -
ExtJs加载JSON格式树
html文件中加入<script src="treedata.js"></script>/** * 动态加载JSON格式的数据 */ var mytree_2=new Ext.tree.TreePanel({ //el:"container",//应用到的html元素id animate:true,//以动画形式伸展,收缩子节...原创 2009-12-12 10:41:33 · 224 阅读 · 0 评论 -
ExtJs加载本地txt格式的数据
/** * 动态加载本地txt格式的数据 */ var mytree_3=new Ext.tree.TreePanel({ //el:"container",//应用到的html元素id animate:true,//以动画形式伸展,收缩子节点 //title:"Extjs静态树", //collapsible:true, rootV...原创 2009-12-12 10:56:23 · 267 阅读 · 0 评论 -
ExtJs加载本地xml格式的数据
<script type="text/javascript" src="ext/XmlTreeLoader.js"></script> <script type="text/javascript" src="xml-tree-loader.js"></script> /** * 动态加载本地xml格原创 2009-12-12 16:24:16 · 151 阅读 · 0 评论 -
ExtJs 实现的后台管理框架
由ExtJs实现的后台管理框架,你只要添加你左边的树型数据即可。数据格式可以是JSON、TXT、XML都可以。如果你需要在左边添加管理快,只需要修改下面代码: var panelItems = [ createPanel('加载Json格式数据',Docs.classData,'ExtJsK00KK','root0','json'), createPanel('...2009-12-14 16:21:04 · 289 阅读 · 0 评论 -
Ext 3.0 - 中文API文档 (完整的chm版本) 2009年5月由JS堂翻译小组完成
大家可以下载了,我也是在网上下载的,出来和大家分享此贴中也有下载的,在最下面你也可以到Ext圈中下载Ext圈地址:[url]http://ext.group.iteye.com/group/share[/url][img]http://dl.iteye.com/upload/attachment/180265/826a7287-0c31-390e-8810-56...2009-12-14 16:37:21 · 191 阅读 · 0 评论 -
Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
使用Ext.Ajax.request提交数据的代码如下(这段代码在一个Js文件中,为避免中文乱码,js文件必须是utf-8编码): [code="JavaScript"]Ext.Ajax.request({ url:'http://localhost:8080/myapp/ExtHandler',//请求URL(JSP/Servlet) jsonData:Ext.util.JS...原创 2009-08-18 23:16:09 · 264 阅读 · 0 评论 -
ExtJS提交服务器的三种方式
[color=red][b]1, EXT的form表单ajax提交(默认提交方式)[/b][/color] 相对单独的ajax提交来说优点在于能省略写参数数组 将按钮添加单击事件,执行以下方法[code="JavaScript"]function login(item) { if (validatorForm()) { /...原创 2009-08-18 23:32:44 · 74 阅读 · 0 评论 -
利用viewport布局左边区域系统菜单跳转两种方式
1、使用[code="JavaScript"]Ext.get('centerPanel').load(url:"aaa.jsp");[/code]url为必选参数还有其他可选参数 请参见api文档。缺点:加入的页面js无效2、使用iframe,具体js 代码[code="JavaScript"] Ext.get('centerPanel').dom.innerHTM...原创 2009-08-18 23:36:15 · 82 阅读 · 0 评论 -
Ext服务器交互技术详解(一)
Ext是一个非常好的Ajax框架,其华丽的外观表现确实令我们折服,然而一个应用始终离开不服务器端,因此在实现开发中我们需要对Ext与服务器端的交互技术有较为详细的了解,在开发中才能游刃有余地应用。本文对Ext应用中与服务器交互的常用方法作具体的介绍,本文的内容大部份来源于《ExtJS实用开发指南》。 总体来说,Ext与服务器端的交互应用可以归结为三种类型,包含表单FormPanel的...原创 2009-08-19 00:01:45 · 200 阅读 · 0 评论 -
Ext Form全攻略1
1 Form概述Formpanel是一个重要的页面组件,在具体的应用开发中,信息的添加和修改,数据的提交和加载, 都离不开formpanel的支持。Formpanel自动实现了form布局模式。 虽然没有列出的选项,配置FormPanel一样,FormPanel类还接受了所有的配置选项要求配置内部Ext.form.BasicForm为文件上传或提供的功能,验证并递交了加载形式。 注:如果子类F...原创 2010-10-24 10:51:58 · 118 阅读 · 0 评论