- 浏览: 2290292 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (314)
- JAVA基础知识 (54)
- Java-IO/FIle (16)
- Java-JDBC (4)
- JAVA-新增特性-注解 (3)
- Java-枚举 (2)
- Java-泛型 (1)
- Java-多线程 (15)
- Java-XML (4)
- Java-JMS(消息服务) (4)
- Java-JVM (0)
- Web Service服务 (7)
- Jsp (10)
- js (18)
- Struts框架 (11)
- Spring框架 (29)
- Hibernate框架 (28)
- Spring Boot框架 (2)
- ExtJS前端框架 (29)
- Jquery js库 (8)
- JUnit框架 (8)
- Selenium 测试 (1)
- NoSql---Redis (6)
- ORACLE数据库 (45)
- MySQL数据库 (4)
- tomcat (3)
- Nginx反向代理服务器 (4)
- web应用服务器通用知识 (3)
- 开发工具IDE (14)
- UML建模 (1)
- SVN CVS 版本管理 (6)
- git 分布式版本管理 (4)
- 报表设计 (5)
- 文件上传下载 (2)
- 数据算法 (1)
- 存储过程 (5)
- JSON 相关 (1)
- OGNL表达式 (3)
- Util工具包 (9)
- 设计模式 (15)
- linux 相关 (3)
- life think (3)
- 工作流管理框架 (1)
- 大数据-Hadoop (1)
最新评论
-
huih:
很不错的文章
SpringMVC+Hibernate+Spring 简单的一个整合实例 -
calm01:
学习了.
Spring <bean>标签属性 Autowire自动装配(转载) -
lizhenlzlz:
我的也是拦截不了service层
SpringAOP拦截Controller,Service实现日志管理(自定义注解的方式)(转载) -
josh_123:
讲的不错,很详细,如果quartz定时任务类采用不继承任何类的 ...
Spring,jdk定时任务的几种实现以及任务线程是串行还是并行执行(转载) -
human_coder:
你知道eclipse调试怎么可以回调吗?有时候总是调快了,不能 ...
Debug---Eclipse断点调试基础
Ext
中包含了几个以
get
开头的方法,这些方法可以用来得到文档中
DOM
、得到当前文档中的组件、得到
Ext
元素等,在使用中要注意区别使用。
1
、
get
方法
get
方法用来得到一个
Ext
元素,也就是类型为
Ext.Element
的对象,
Ext.Element
类是
Ext
对
DOM
的封装,代表
DOM
的元素,可以为每一个
DOM
创建一个对应的
Element
对象,可以通过
Element
对象上的方法来实现对
DOM
指定的操作,比如用
hide
方法可以隐藏元素、
initDD
方法可以让指定的
DOM
具有拖放特性等。
get
方法其实是
Ext.Element.get
的简写形式。
get
方法中只有一个参数,这个参数是混合参数,可以是
DOM
节点的
id
、也可以是一个
Element
、或者是一个
DOM
节点对象等。看下面的示例代码:
Ext.onReady(function(){
var e=new Ext.Element("hello");
alert(Ext.get("hello"));
alert(Ext.get(document.getElementById("hello")));
alert(Ext.get(e));
});
Html
页面中包含一个
id
为
hello
的
div
,代码如下:
<div id="hello">tttt</div>
Ext.get("hello")
、
Ext.get(document.getElementById("hello"))
、
Ext.get(e)
等三个方法都可以得到一个与
DOM
节点
hello
对应的
Ext
元素。
2
、
getCmp
方法-获得
Ext
组件。
getCmp
方法用来获得一个
Ext
组件,也就是一个已经在页面中初始化了的
Component
或其子类的对象,
getCmp
方法其实是
Ext.ComponentMgr.get
方法的简写形式。
getCmp
方法中只有一个参数,也就是组件的
id
。比如下面的代码:
Ext.onReady(function(){
var h=new Ext.Panel({
id:"h2",
title:"
",
renderTo:"hello",
width:300,
height:200});
Ext.getCmp("h2").setTitle("
新的标题
");
});
在代码中,我们使用
Ext.getCmp("h2").
来得到
id
为
h2
的组件,并调用其
setTitle
方法来设置该面板的标题。
3
、
getDom
方法-获得
DOM
节点
getDom
方法能够得到文档中的
DOM
节点,该方法中包含一个参数,该参数可以是
DOM
节点的
id
、
DOM
节点对象或
DOM
节点对应的
Ext
元素
(Element)
等。比如下面的代码:
Ext.onReady(function(){
var e=new Ext.Element("hello");
Ext.getDom("hello");
Ext.getDom(e);
Ext.getDom(e.dom);
});
Html
:
<div id="hello">tttt</div>
在上面的代码中,
Ext.getDom("hello")
、
Ext.getDom(e)
、
Ext.getDom(e.dom)
等三个语句返回都是同一个
DOM
节点对象。
4
、
getBody
方法-得到文档的
body
节点元素
(Element)
。
该方法直接得到文档中与
document.body
这个
DOM
节点对应的
ExtJS
元素(
Element
),实质就是把
document.body
对象封装成
ExtJS
元素对象返回,该方法不带任何参数。比如下面的代码把面板
h
直接渲染到文档的
body
元素中。
Ext.onReady(function(){
var h=new Ext.Panel({title:"
测试
",width:300,height:200});
h.render(Ext.getBody());
});
5
、
getDoc
方法-获得与
document
对应的
Ext
元素
(Element)
getDoc
方法实质上就是把当前
html
文档对象,也就是把
document
对象封装成
ExtJS
的
Element
对象返回,该方法不带任何参数。
发表评论
-
EXT弹出窗口(转载)
2015-02-26 16:56 3138Ext.MessageBox.alert() Ext.Me ... -
Extjs教程_第六章_Editor_Grids(可编辑表格) (转载)
2015-02-15 16:04 6072在之前的一章中我 ... -
extJs 2.1学习笔记(Ext.Updater篇二) (转载)
2015-02-15 15:13 1267原文地址:http://blog.csdn.net/huo ... -
三大主流浏览器Web开发工具(转载)
2015-02-03 14:55 2679一个快速加载网页在很大程度上节约用户的浏览页面时间成本,作 ... -
ext+struts2排除List泛型中不想封装的属性(转载)
2015-02-02 18:10 1339struts2封装json,排除不想封装的字段配置,减少网 ... -
Ext Store Filter的实现和问题(转)
2014-01-26 14:33 6552Store包含两个数据缓存 - snapshot和data ... -
ExtJs之Ext.data.Store详解(转载)
2014-01-26 10:31 61773Ext.data.Store是EXT中用来进行数据交换和数据 ... -
Ext Grid表格导出excel
2013-08-22 16:10 4529两种方法,这是一种 ... -
ext中屏蔽backsapce删除时退出的代码
2012-07-31 11:37 1543<script type="text/java ... -
Ext 布局的一些配置属性
2012-07-10 16:48 1466布局配置中,layout和itmes是常用的,通过layout ... -
Ext CardLayout,AnchorLayout,AbsoulteLayout,FormLayout,ColumnLayout,TableLayout
2012-07-10 16:29 18471,CardLayout可以看做一叠卡片,是实现操作向导的典型 ... -
Ext AccordionLayout 布局
2012-07-10 15:58 1458Accordion布局类似于QQ中的伸缩菜单,通过点击可以折叠 ... -
Ext BorderLayout 布局
2012-07-10 11:59 1987BorderLayout布局比fit布局 ... -
Ext FitLayout 布局
2012-07-10 11:37 1156fit布局将使得组件自适应,子面板自动填充整个组件所占范围,不 ... -
Extjs的布局--学习(有例子)(转载)
2012-07-03 17:39 6275所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所 ... -
Ext.query()和Ext.get()的区别,Ext.query()类似于jquery的DOM选择器
2012-07-03 17:02 2596Ext.get() 和 Ext.query() 取 ... -
Ext组件ComboBox 中getValue()和getRawValue()的区别
2012-06-29 10:04 6728当把Ext.form.ComboBox 的editable 设 ... -
ExtJs页面布局详解
2012-06-20 16:29 6403EXT标准布局类 面板相当于一张干净的白纸,如果直接在上 ... -
Ext 多选下拉 MultiComBox
2012-06-20 15:05 15785下面介绍MultiComboBox的使用方式,大家先看看下面的 ... -
Extjs xtype 一览表
2012-02-09 16:10 23929ExtJs xtype一览 基本组件: ...
相关推荐
extjs 常用函数 getCMP() getDom()
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 ...data2Excel.export2Excel(Ext.getCmp('listSet'));
6.2.6 Ext.getDom() 6.2.7 Ext.isEmpty() 6.2.8 Ext.namespace() 6.2.9 Ext.each() 6.2.1 0Ext.apply() 6.2.1 1Ext.encode() 6.2.1 2Ext.htmlDecode() 6.2.1 3Ext.typeOf() 6.3 Ext.core....
Ext.getCmp(‘city-id-name’).setValue(cityid); 由于是store是异步加载的,所以他会先赋值再填充值到ComboBox,,这里就需要用: 当加载完成后再进行赋值 : 复制代码 代码如下: editCityStore.load({ params: { ...
代码如下: this.store.on(‘beforeload’, function() { Ext.apply(Ext.getCmp(“propTypeGrid”).store.baseParams, { 参数1: ‘111’, 参数2: ‘111’ }); }); 但是在 3.0 中这样无法增加参数,于是在 ExtJs官方...
Ext.getCmp("msgBasicMsg").getForm().submit({ url : 'insertMsg.action?msgBean=' + formData, //等待时显示 等待 waitTitle : '请稍等...', waitMsg : '正在提交信息...', params : { msgBean:Ext.encode...
Ext.getCmp(‘Tab2’).tbar.dom.style.height = ‘0px’; //显示 Ext.getCmp(‘Tab2’).tbar.show(); Ext.getCmp(‘Tab2′).tbar.dom.style.height = ’27px’;//高度可以自己定义 搞定,so easy!
我们可以通过Ext.getcmp()方法获取到GridPanel对象并通过重写的方法获取Excel字符串具体方法可以百度到。这个应该也不是什么大问题。 代码如下: //输出报表 function ExportReport(title) { var vExportContent = ...
这个是model 代码如下: Ext.regModel(‘commemModel’, { fields : [ ‘name’, ‘id’ ] }); 定义一个store设置id为s1的容器的默认值是 第一季度 代码如下: var ...function(){ Ext.getCmp(‘s1’).setValue(‘q1’);
例如:载入第一页的时候 代码: 代码如下: store.load({params:{start:0,limit:pageSize,Keyword:Ext.getCmp(‘input_name’).getValue()}}); 当单击下一页(上一页)时带参数 代码如下: doLoad : function(start){ ...
三、函数 getCmp(string _id):得到id为_id的组件对象。 getValue():得到文件框值。 四、其它 layout:只在在此布局下才能正确显示文件框的标签名,布局的宿主对象必面 是Ext.Container或者Ext.Container的子类。 ...
1 在子类中添加单击提交事件 代码如下: //登陆按钮单击事件 loginFun: function() { var f = Ext.getCmp(“loginForm”); //表单验证 if (f.form.isValid) { f.form.submit({ waitTitle: “请稍候”, waitMsg: ...
获取 代码如下: function IsChecked(radioId) { return Ext.getCmp(radioId).checked; } 设置 代码如下: function SetRadio(radioId, isChecked) { Ext.getCmp(radioId).setValue(isChecked);//或者setValue(“on”)...
API兼容ExtJS的跨域Ajax请求,可以完全舍弃后端,客户端Ajax在回调中直接处理返回值的前台UI业务逻辑, 调用例子如下: Ext.data.JsonP.request({ url: 'http://192.168.81.33:8090/datastore/do/'+Ext.getCmp('...
//增加选择树,节点自动折叠 tree.on(“click”, function(node,e){ node.getUI().toggleCheck(true); }); tree.root.expand(); 2、方法二 代码如下: var tree = L5.getCmp(‘orgstrutree’); //增加选择树,节点...
遇到一个很奇怪的问题,ExtJs里的form提交创建的时候从session里取... 先说说我的解决方法 给hidden组件加个ID 然后在form提交的时候 触发个方法使Ext.getCmp(‘ID’).setValue(userId); 生效。就可以把数据提交上去了
代码如下:[removed]function editEsOrder(options,success,response){if (success){var tagModelManager_maxOrderIdJson=Ext.util.JSON.decode...Ext.getCmp(‘esorder’).setValue(orderValue) ;}}var tagModelManager