EXT
关注
分享
扫一扫
文章平均质量分 78
iteye_4927
这个作者很懒，什么都没留下…
展开
-
EXT--Ext.data.Record介绍&得到Store中的列值
var ds = new Ext.data.Store({ autoLoad: true, url: 'widgets.xml', reader: new Ext.data.XmlReader({ record: 'widget', fields: ['title', 'htmlpath'...2013-09-20 17:33:01 · 351 阅读 · 1 评论 -
EXT--表格布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-27 09:49:18 · 277 阅读 · 0 评论 -
EXT--Card 卡片式布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-27 09:49:35 · 369 阅读 · 0 评论 -
EXT--水平盒布局HBox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-27 09:49:53 · 634 阅读 · 0 评论 -
EXT--使用Ext.container.Viewport结合表格布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-29 18:05:43 · 402 阅读 · 0 评论 -
EXT--使用html配置项自定义面板内容
开发者博客：www.developsearch.com <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1...原创 2013-09-29 18:05:56 · 226 阅读 · 0 评论 -
EXT--Ext.layout.container 标准布局类
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-29 18:06:08 · 124 阅读 · 0 评论 -
EXT--Absolute绝对位置布局示例
Ext.layout.container.Absolute对应面板布局配置项的名称为Absolute，它可以根据子面板中配置的x/y 坐标进行定位。下面是绝对位置布局的简单示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml...原创 2013-09-29 18:06:17 · 533 阅读 · 0 评论 -
EXT--tree
开发者博客：www.developsearch.com 流向地区： <!-- 区域树 --><ext:panel var="treePanel" region="west" layout="border" frame="false" width="260"><ext:items> &原创 2013-10-09 12:20:48 · 140 阅读 · 0 评论 -
Ext.Ajax.request的同步请求实现
开发者博客：www.developsearch.com Extjs2.x 实现同步方法 Ext.Ajax.request实现同步请求是通过修改ext-base.js中的Ext.lib.Ajax.request来实现同步请求： /**Adding a synchronous request to the Ext asynchronous only mode of op...原创 2013-11-06 10:54:34 · 501 阅读 · 0 评论 -
EXT--监听键盘事件
Ext.get('text').on('keypress',function(e){//监听键盘事件 if(e.charCode==Ext.EventObject.SPACE){ Ext.Msg.alert('info','空格'); }}); 开发者博客：www.developsearch.com...原创 2013-11-11 10:43:33 · 561 阅读 · 0 评论 -
EXT--window 随浏览器大小变化而变化
var win = new Ext.Window({ modal : true, title : "Ext-Window", maximizable : true, monitorResize:true, draggable:false, // 禁止移动 resizable : fal...原创 2013-11-11 10:43:55 · 592 阅读 · 0 评论 -
EXT--xtype的含义以及对应类
开发者博客：www.developsearch.com 根据我在EXT论坛上的观察，xtype用起来的时候疑惑会比较多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我决定阐述一下这个xtype的概念。定义xtype就是一个代表类（Class）的标识名字。譬如，你有这个类，名字是Ext.ux.MyGrid。正常情况下你需要用这个名字来实例化这个类（创建类的对象）。...原创 2013-11-11 10:44:15 · 164 阅读 · 0 评论 -
EXT--layout的用法总结
开发者博客：www.developsearch.com layout中有absolute,anchor,border,accordion,card,form,table,column,fit这几种，现一一举例： 1.absolute根据字面意思就知道，是根据具体坐标进行定位的，固不写相应的代码了，其他的如下 2.anchor:其值可以使百分比和数值，数值一般为负数，其代表的意思是如果宽...原创 2013-11-12 09:36:53 · 113 阅读 · 0 评论 -
EXT--基础概念总结(基于Ext4.2.1)
开发者博客：www.developsearch.com 1. Ext.application2. Ext.onReady()3. Ext.define()4. Ext.data.proxy.Proxy5. Ext的组合属性-mixins6. Ext.create()7. Ext.ComponentQuery、refs:8. Init: function(){}9. Ext.Cla...原创 2013-11-12 09:37:16 · 176 阅读 · 0 评论 -
EXT--弹出的Window中嵌入iframe
开发者博客：www.developsearch.com <!-- vim: ts=2:sw=2:nu:fdc=2:spell Handling Item Clicks @author Ing.Jozef Sakáloš@copyright (c) 2009, by Ing. Jozef Sakáloš@date 4. February 200...原创 2013-11-14 16:16:29 · 1319 阅读 · 0 评论 -
EXT--ScriptTagProxy解决跨域json调用
开发者博客：www.developsearch.com 相信很多朋友有时候会调用一些跨域的json,这时候用Ext.data.HttpProxy 就不灵了,这是由于安全方面的原因.Ext也为我们提供了另一个专门跨域调用的类,Ext.data.ScriptTagProxy,下面我们来看看这一个方法如何使用.我们先来看一段Ext例子里面的代码:.JS代码如下:// create ...原创 2013-11-14 16:16:50 · 331 阅读 · 0 评论 -
EXT--书写动态生成的xml(兼容Firefox)
function getXml() { //获取输入值 var name = textName.getValue(); var pwd = textPwd.getValue(); //初始化对象 var xmlDoc = document.implementation.createDocument("", "", null); xmlDoc....原创 2013-11-14 16:17:03 · 123 阅读 · 0 评论 -
EXT--Ext.form.FieldSet
开发者博客：www.developsearch.com Ext.form.FieldSet 扩展自Ext.container.Container组件，是一个标准的字段容器，默认布局为‘anchor’ ，也可以指定为其他布局。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...原创 2013-09-27 09:49:00 · 143 阅读 · 0 评论 -
EXT--本地数据源的组合框示例 Ext.data.Store
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-27 09:48:41 · 187 阅读 · 0 评论 -
EXT--Core实现Checkbox的全选
开发者博客：www.developsearch.com 全选/不选在很多时候我们都会使用到,在Ext Core出来之前,我一直使用纯javascript写的全选,反选.虽然可以实现,但代码始终还是不够简洁.现在我们使用Ext Core,简单的几句代码就可以实现这一个功能.实现方法如下:1,新建一个 check_all_none.html. <!DOCTYPE h...原创 2013-09-20 18:00:37 · 242 阅读 · 0 评论 -
EXT--日期时间选择控件（精确到秒）
开发者博客：www.developsearch.com 一。一些废话近日来，有几个项目用到了EXTJS作为Web前端。也看到了一些童鞋苦苦在网上寻觅可以选择时间的控件，由于EXTJS版本差异较大，利用官方3.2的Demo制作了一个可以选择到秒的时间控件，该控件只能够用于ExtJs2.2以上的版本。经过测试ExtJs2.02版本不适用该控件，如果你还在使用2.02这个版本或者更老，请绕...原创 2013-09-20 18:04:18 · 723 阅读 · 0 评论 -
EXT--解决下拉列表长度固定时选项被截取(ie6,ie7)
开发者博客：www.developsearch.com 我们在写程序的时候经常会由于版面的限制,把下拉列表的宽度用CSS作限制.在IE下会造成下拉选项的宽度也会被截取.在firefox3.0 及 chrome下是正常的.在这里的解决办法是通过js+css的方式来解决.项目预览地址:http://extjs.org.cn/ext-core/user-examples/s...原创 2013-09-20 18:13:52 · 134 阅读 · 0 评论 -
EXT--事件
开发者博客：www.developsearch.com 前言 工作中用ExtJS有一段时间了，Ext丰富的UI组件大大的提高了开发B/S应用的效率。虽然近期工作中天天都用到ExtJS，但很少对ExtJS框架原理性的东西进行过深入学习，这两天花了些时间学习了下。我并不推荐大家去研究ExtJS框架的源码，虽然可以学习其中的思想和原理，但太浪费精力了，除非你要自己写框架。对于Ext...原创 2013-09-22 09:08:05 · 127 阅读 · 0 评论 -
EXT--grid
<ext:gridPanel var="gridView" region="center" frame="true" autoExpandColumn="grid_name" listeners="{rowdblclick:onEdit}"> <ext:store var="gridStore" url="findPageByNe原创 2013-09-22 09:08:21 · 259 阅读 · 0 评论 -
EXT--ExtJs4_grid获取checkbox的值
开发者博客：www.developsearch.com grid每列前面加checkbox： （我用的而是第一种，后台一个string数组接受就可以了）一般的grid使用一个Ext.grid.ColumnModel就可以了，要加入一个多选的列，一种方法是加入一个多选列模板Ext.grid.CheckboxSelectionModel： var sm = new Ext.gri...原创 2013-09-22 09:08:32 · 164 阅读 · 0 评论 -
EXT--get、getDom、getCmp、getBody、getDoc的区别
开发者博客：www.developsearch.comExt中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。 1、get方法 get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象，Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Eleme...原创 2013-09-23 09:11:39 · 83 阅读 · 0 评论 -
EXT--Ext.get() 和 Ext.query() 组合使用实现最灵活的取元素方式
开发者博客：www.developsearch.com 想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query()的组合方式。 前面写的get()和query()我都省略参...原创 2013-09-24 23:31:10 · 121 阅读 · 0 评论 -
EXT--Extjs Ext.form.field.Date示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-24 23:31:33 · 140 阅读 · 0 评论 -
EXT--Ext.data.TreeStore 分级异步加载树节点示例
开发者博客：www.developsearch.com Ext.data.TreeStore远程加载树节点有两种常用方式，分别是：分级加载和整体加载。 对于结构复杂数据量大的树结构使用分级加载可以极大提高程序响应速度并提升用户体验。 客户端：<%@ page language="java" import="java.util.*" pageEncoding="utf-8...原创 2013-09-24 23:31:58 · 584 阅读 · 0 评论 -
EXT--开发包下载及介绍
开发者博客：www.developsearch.com开始的第一步是要获得开发包，可以从官方网站 http://www.sencha.com/ 下载 以获得最新版本。下载地址是http://www.sencha.com/products/extjs/download/ ，下载成功后的开发包是 ext-4.0.0-gpl.zip ，有21.9MB之大。不过这个包并不是ExtJs真正运行时...原创 2013-09-24 23:32:22 · 534 阅读 · 1 评论 -
常用笔记--EXT方法
开发者博客：www.developsearch.com 一、Ext 1.1 Ext.isEmpty(v, allowBlank) //是否为空[链接] 1.2 Ext.isArray(v) //是否为数组集合1.3 Ext.isPrimitive(v) //是否是基本数据类型String/Number/Boolean 1.4 Ext.i...原创 2013-09-24 23:40:33 · 707 阅读 · 0 评论 -
EXT--Ext.form.CheckboxGroup和Ext.form.RadioGroup组件示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-26 09:45:45 · 148 阅读 · 0 评论 -
EXT--Ext.form.field.Trigger示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-26 09:46:08 · 170 阅读 · 0 评论 -
EXT--Ext.form.field.HtmlEditor组件编辑器模式示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-26 09:46:23 · 163 阅读 · 0 评论 -
EXT--样式表的创建和规则获取示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am原创 2013-09-26 09:46:39 · 132 阅读 · 0 评论 -
EXT--Ext.layout.container.Column布局
<script type="text/javascript"> Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'column', title:'Ext.layout.conatiner.Column布局示例', frame:false, height:150, ...原创 2013-09-26 09:46:55 · 130 阅读 · 0 评论 -
EXT--改变窗口宽高或字体大小时提示
Ext.EventManager.onWindowResize(function(width,height){//改变窗口的时候会提示出窗口的宽高 alert('width:'+width+',height:'+height); }); Ext.EventManager.onTextResize(function(oldsize,newsize){/...原创 2013-11-14 16:17:23 · 423 阅读 · 0 评论