经常使用事件：
其它重要方法：
详细实例：（实例结果能够将相应的代码取消凝视进行測试）
ext.onready(function(){ext.create('ext.panel.panel',{title:'我的面板' , width:'100%' , height:400 ,renderto:ext.getbody(),html:'
'});//查询系最经常使用的方法://ext.dom.element get fly getdomvar d1 = ext.get('d1');var sp = ext.get('sp');//一：为元素加入事件//1 : addkepmap：为元素创建一个keymap对象
// var inp = ext.get('inp');
// inp.addkeymap({ //ext.util.keymap ====>class 怎样加入一个键盘事件
// key:ext.eventobject.a , //ext.eventobject 相关的键盘按键能够在该类中查找
// ctrl:true , //按下ctrl键
// fn:function(){
// alert('按ctrl a ，运行!!');
// } ,
// scope:this //范围 该实例结果仅仅有当焦点在输入框中才起作用。在其它地方不起作用。由于是给inp加入的
// });//2 : addkeylistener：为keymap绑定事件//參数说明： string/number/number[]/object key, function fn, [object scope]
// var inp = ext.get('inp');
// inp.addkeylistener({
// key:ext.eventobject.x ,
// ctrl:false
// },
// function(){
// alert('x运行了..');
// },
// this); //作用方位//二：元素绑定经常使用事件
// var inp = ext.get('inp');
// inp.on('click',function(){ //绑定事件 //详细事件在ext.dom.element中查看
// alert('运行了...');
// });
// inp.un('click'); //取消绑定
// inp.focus(); //控件获取焦点 blur失去焦点//三:其它重要且经常使用的方法：var inp = ext.get('inp');var sp = ext.get('sp');//1: center：使元素居中//inp.center(); //默觉得浏览器中间//inp.center('d1'); //d1中间//2: clean：清理空白的文本节点//3: createshim：为元素创建一个iframe垫片保证选择或其它对象跨域时可见//4: getloader：返回elementloader对象//11: load：直接调用elementloader的load方法为元素载入内容
// var loader = inp.getloader(); //elementloader
// loader.load({ //载入远程server中的内容
// url:'base/dom_loader.jsp' ,
// renderer:function(loader ,response){
// //把对象转换成字符串表示形式：ext.encode
// //把一个字符串转换成javascript对象： ext.decode
// var obj = ext.decode(response.responsetext);//传唤成对象
// ext.getdom('inp').value = obj.name ;//将输入框中的内容改为获取的json对象中的name
// }
// });/** 当中dom_loader.jsp中的内容为：* <%@ page language="java" import="java.util.*" pageencoding="utf-8"%>* {* name:'张三', * age:10* }*///5: highlight 高亮显示特效//sp.highlight(); //渐变高亮特效//6: show 、hide显示隐藏元素 //6：fadein、fadeoout淡入淡出 与show和hide相似// var d2 = ext.get('d2'); //获取对象设置样式// d2.setstyle('width','100px');// d2.setstyle('height','100px');// d2.setstyle('backgroundcolor','red');//d2.show(); //马上显示// d2.hide(); //马上隐藏//d2.show({duration: 2000});//2秒钟内逐渐显示// d2.hide({duration: 2000});//2秒钟内逐渐消失//7: ghost 元素移动特效 在一定时间内向某个方向移动逐渐消失// d2.ghost('b', { duration: 2000 }); // r/b/l/t 右 下左 上//8: slidein、slideout向上向下滑动//d2.slidein('b',{duration: 2000});//d2.slideout('r',{duration: 2000});//9: getvalue：假设元素有value属性，返回其值//alert(inp.getvalue()); //获取输入框的value值//10: normalize：将css属性中的连接符号去掉，比如将“font-size”转为fontsize这样。
//11 :mask：遮罩当前元素。屏蔽用户操作。 unmask：移除遮罩 // ext.getbody().mask('请稍等..'); // // window.settimeout(function(){ // // ext.getbody().unmask(); // // },2000); // ext.defer(function(){ //这个经常使用 // ext.getbody().unmask(); // },2000);//设定时间 /** defer函数介绍 * defer( function fn, number millis, [object scope], [array args], [boolean/number appendargs] ) : number * calls this function after the number of millseconds specified, * optionally in a specific scope */ //12: repaint：强迫浏览器又一次绘画元素 //13: serializeform：序列化为url编码的字符串 //alert(ext.dom.element.serializeform('f1')); //返回结果： 返回字符串：uname=bhx&pwd=123 //
//14: update：更新元素的innerhtml属性 //15: unselectable：禁用文本选择 //inp.unselectable(); //结果：文本输入框中的内容不能被选中 });
转载于:https://www.cnblogs.com/mfrbuaa/p/5112921.html
总结
以上是凯发ag旗舰厅登录网址下载为你收集整理的extjs学习--------ext.element中的经常使用事件和其它重要的方法学习（实例）的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。
