ExtJs
关注
分享
扫一扫
文章平均质量分 50
iteye_9439
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Extjs Ext.form.field.Date示例
日期控件 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'Ext.form.field.Date示例', frame:true, height:100, width:300, renderTo:Ext.getB...2013-06-26 14:22:56 · 207 阅读 · 0 评论 -
Ext常用函数
函数一：Ext.onReady（） [color=red]Ext的Dom都是动态生成的，而onReady的调用是发生在所有的Document对象都加载完毕的时候 ，所以为了保障请求是安全的，应该保持所有的处理都在onReady中进行！[/color] Ext.onReady(Function fn,Object scope,boolean override) 参数说明： fn: ...原创 2013-07-01 16:42:42 · 770 阅读 · 0 评论 -
Ext.KeyNav为元素提供简单的按键处理方法示例
Ext.KeyNav为元素提供简单的按键处理方法示例 Ext.onReady(function(){ var panel=new Ext.Panel({ title:'Ext.KeyNav示例', frame:true, renderTo:'sub1', width:'300px', ...2013-07-03 09:46:01 · 215 阅读 · 0 评论 -
样式表的创建和规则获取示例
样式表的创建和规则获取示例 Ext.onReady(function(){ var panel=new Ext.Panel({ title:'样式表的创建和规则获取示例', frame:true, renderTo:'test1', width:'300px', html:""+ ...2013-07-03 10:44:04 · 148 阅读 · 0 评论 -
Ext.util.ClickRepeater 事件的配置和触发
[color=red]Ext.util.ClickRepeater 继承Ext.util.Observable的包装类，可应用于任何Element。是一个click的转发器，起到click事件的转发和绑定作用，是所有事件绑定的原始类。 初始化Ext.util.ClickRepeater，配置并触发click , mousedown , mouseup 等事件。[/color] E...2013-07-03 11:55:33 · 223 阅读 · 0 评论 -
Ext.util.Format提供的常用格式化方法
无标题文档 Ext.onReady(function(){ var str="<table width='300' cellspacing=1 border=1 cellpadding=1>table string"; var str1="action"; var dat=new Date(); var str2=12345;...2013-07-03 14:57:56 · 910 阅读 · 0 评论 -
Ext.util.JSON编码和解码JSON对象
Ext.onReady(function(){ //通过字符串描述一个对象 var jsonStr="{name:'the json name',value:'the json sample value'}"; //进行编码，这时将形成一个含有逻辑关系的对象 [color=red] var obj=Ext.JSON.decode(jsonStr,true); //...2013-07-03 15:27:05 · 648 阅读 · 0 评论 -
Extjs自定义事件
无 [color=red] [/color] Ext.onReady(function(){ var Person=Ext.extend(Ext.util.Observable,{ constructor:function(name){ this.name=name; //this表示的是作用域，相当于指针，指向了Person的对象 ...原创 2013-07-04 10:54:40 · 136 阅读 · 0 评论 -
ExtJS事件绑定方式示例
无标题文档 Ext.onReady(function(){ function hello1(){ alert('hello1'); return false; } function hello2(){ alert('hello2'); return false; } [co...原创 2013-07-04 10:55:33 · 212 阅读 · 0 评论 -
改变文档样式风格示例
改变文档样式风格示例 Ext.onReady(function(){ var themes=[ {theme:'默认',css:'ext-all.css'}, {theme:'黑色',css:'ext-all-access.css'}, {theme:'灰色',css:'ext-all-gray.css'} ]; ...原创 2013-07-04 10:55:52 · 136 阅读 · 0 评论 -
relayEvents传播分发事件
无标题文档 Ext.onReady(function(){ var Employee=Ext.extend(Ext.util.Observable,{ constructor:function(config){ this.name=config.name; this.eat=function(){ ...2013-07-04 14:17:09 · 436 阅读 · 0 评论 -
树形面板Ext.tree.Panel
无标题文档 Ext.onReady(function(){ [color=red]Ext.create('Ext.tree.Panel',{[/color] title:'tree 面板简单示例', width:180, height:200, renderTo:Ext.getBody(), ...2013-07-05 15:19:25 · 219 阅读 · 0 评论 -
Ext.Ajax.request异步提交表单示例
服务器端代码：loginServer.jsp 客户端代码：mylogin.jsp Ext.Ajax.request异步提交表单示例 [color=red] 用户名： 密码： ...2013-07-09 16:10:05 · 257 阅读 · 0 评论 -
Ext.Ajax.request提交XML数据示例
服务器端：loginServerXml.jsp [color=red]在lib下要有dom4j-1.6.jar [/color]，dom4j是一个非常优秀的Java XML API，具有性能优异、功能强大和极端易用的特点) 客户端： Ext.Ajax.request提交XML数据示例 ...2013-07-09 16:51:45 · 226 阅读 · 0 评论 -
Ext.Ajax.request提交JSON数据
JSON作为轻量级的数据传输格式，在很多时候可以作为XML文件格式之外的另一个选择。使用json-lib-2.4-jdk15.jar 在后台对JSON数据进行解析 lib下必须添加json所需的jar包： json-lib-2.4-jdk15及其依赖jar包 相关jar包： commons-beanutils-1.8.0.jar commons-collections...原创 2013-07-10 09:29:15 · 983 阅读 · 0 评论 -
水平盒布局HBox
布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.layout.container.HBox', layout:{ [color=red] type:'hbox', //水平盒布局 align:'stretch' //子面...2013-07-01 15:43:24 · 250 阅读 · 0 评论 -
Ext.layout.container.Column布局
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'column', title:'Ext.layout.conatiner.Column布局示例', frame:false, height:150, width:300, renderTo:Ext....原创 2013-07-01 15:18:56 · 207 阅读 · 0 评论 -
认识Extjs
[size=large]ExtJs 是用Javascript、CSS和HTML等技术实现的主要用于创建用户界面，且与后台技术无关的前端Ajax框架，还被用来开发RIA（富客户端）的Web应用。[/size] 下面说说 ExtJs 4.0 的4个新特性：类定义、mixins、输入和输出配置及依赖加载 1.类定义： extjs4.0 引入了Ext.define()方法，可以通过类的字符串名...原创 2013-06-26 14:47:52 · 128 阅读 · 0 评论 -
学习ExtJs4.0 UI组件基础
Extjs4.0对框架进行了重构。学习extjs就是学习组件的使用。 Extjs4.0的组件体系中有近100种组件，大致可以分为四大类： [color=red]容器组件、工具栏及菜单栏组件、表单及元素组件、其他组件[/color] 容器组件是构成Web UI的主体组件，因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI的表现。是ExtJs改善Web UI的...原创 2013-06-26 15:11:53 · 209 阅读 · 0 评论 -
Extjs开发之旅—认识Extjs的开发包
开始的第一步是要获得开发包，可以从官方网站 [url]http://www.sencha.com/[/url] 下载 以获得最新版本。下载地址是[url]http://www.sencha.com/products/extjs/download/[/url] ，下载成功后的开发包是 ext-4.0.0-gpl.zip ，有21.9MB之大。不过这个包并不是ExtJs真正运行时载入的，这个包包括了很...原创 2013-06-26 15:38:01 · 197 阅读 · 0 评论 -
Ext.form.CheckboxGroup和Ext.form.RadioGroup组件示例
Ext.form checkBoxGroup 和 ReadioGroup组件示例 Ext.onReady(function(){ new Ext.form.FormPanel({ title:'checkBoxGroup and ReadioGroup', bodyStyle:'padd...2013-06-26 15:53:49 · 181 阅读 · 0 评论 -
Ext.form.field.Trigger示例
Ext.form.field.Trigger示例 Ext.onReady(function(){ var testForm=new Ext.form.Panel({ title:'Trigger', bodyStyle:'padding 5 5 5', frame:true, height:100, widt...原创 2013-06-27 13:58:39 · 269 阅读 · 0 评论 -
Ext.form.field.HtmlEditor组件编辑器模式示例
HtmlEditor示例 Ext.onReady(function(){ Ext.QuickTips.init(); //初始化提示 Ext.create('Ext.form.Panel',{ title:'HtmlEditor示例', width:630, frame:true, renderTo:'form', body...2013-06-27 14:10:29 · 391 阅读 · 0 评论 -
本地数据源的组合框示例 Ext.data.Store
本地数据源的组合示例 Ext.onReady(function(){ //创建数据模型 Ext.regModel('PostInfo',{ fields:[{name:'province'},{name:'post'}] }); //定义组合框中显示的数据源 var postStore=Ext.create('Ext.data...2013-06-27 14:15:52 · 219 阅读 · 0 评论 -
Ext.form.FieldSet
[size=medium]Ext.form.FieldSet[/size] 扩展自Ext.container.Container组件，是一个标准的字段容器，默认布局为‘anchor’ ，也可以指定为其他布局。 字段集 Ext.onReady(function(){ Ext.create('Ext.form.Panel', { title:'E...2013-06-27 15:28:44 · 181 阅读 · 0 评论 -
使用 Ext.container.Viewport结合表格布局
使用ViewPort(可视窗口区域) Ext.onReady(function(){ Ext.create('Ext.container.Viewport',{ //也可以写成 Ext.create('Ext.Viewport',{ layout:'border',//表格布局 items:[{ title:'north Pan...原创 2013-06-28 13:55:45 · 281 阅读 · 0 评论 -
使用html配置项自定义面板内容
使用html配置项自定义面板内容 Ext.onReady(function(){ //创建字符串数组 var htmlArray=[ '', '本地资源--员工列表', '序号姓名', '1张三', '2李四', '3李四', '4李四', '' ]; Ext.create(...原创 2013-06-28 13:59:56 · 541 阅读 · 0 评论 -
Ext.layout.container 标准布局类
自适应布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.layout.container.Fit', frame:true, renderTo:Ext.getBody(), bodyPadding:5, width:200, ...2013-06-28 15:48:59 · 122 阅读 · 0 评论 -
Card 卡片式布局
卡片式布局 Ext.onReady(function(){ var testpanel=Ext.create('Ext.panel.Panel',{ layout:'card', //卡片式布局 [color=red] activeItem:0, //设置默认显示的第一个子面板[/color] title:'Ext.layout...2013-06-28 16:40:39 · 955 阅读 · 0 评论 -
Absolute绝对位置布局示例
Ext.layout.container.Absolute对应面板布局配置项的名称为Absolute，它可以根据子面板中配置的x/y 坐标进行定位。下面是绝对位置布局的简单示例： 绝对位置布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'absolute'...2013-07-01 14:35:34 · 160 阅读 · 0 评论 -
表格布局
布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.panel.container.Table', layout:{ type:'table', //表格布局 columns:4 //设置表格布局默认列数为4列 ...原创 2013-07-01 15:18:09 · 104 阅读 · 0 评论 -
Ext.data.TreeStore 分级异步加载树节点示例
Ext.data.TreeStore远程加载树节点有两种常用方式，分别是：分级加载和整体加载。 对于结构复杂数据量大的树结构使用分级加载可以极大提高程序响应速度并提升用户体验。 客户端： My JSP 'treecolumn.jsp' starting page ...2013-07-10 15:36:25 · 1522 阅读 · 0 评论