ExtJs学习笔记(一)
浏览数：23 /
时间：2015年06月09日
// 这个查询会返回有多个元素的数组，选中对整个文档的所有span标签
Ext.query("span");
// 这个查询会返回有一个元素的数组因为查询到了foo这个id
Ext.query("span", "foo");
// 这个查询会返回包含foo一个元素的数组！
Ext.query("#foo");
Ext.query(".foo");
// 这会返回一个数组，包含文档的所有元素。
Ext.query("*");
// 这会返回有一个元素的数组，包含p标签的div标签
Ext.query("div p");
Ext.get 选择器
Ext.onReady(function(){
var el = Ext.get("the-id");
el.addClass("special-css");//为元素添加样式表
el.focus();//将焦点移到el元素上
el.addClassOnFocus("focus-css");//为得到和失去焦点添加和移除css类
el.addClassOnOver("mouseover-css");//为鼠标移入移出事件添加和移除css类
el.addClassOnClick("click-css");//为点击事件添加和移除css类
el.setWidth(280);//将元素的宽度设为100相素
el.setWidth(280, true);//将元素的宽度设为100并带有动画效果
el.addKeyMap({key : "c",ctrl : true,fn:fn1,scope:el});//绑定el元素当键盘按下ctrl+c键时将呼叫fn函数
el.addKeyListener({key:"g",ctrl:true},fn1,el);//和上面的addKeyMap的功能相同，只是参数的传递方式不同
Ext.select 选择器
var el = Ext.select(["div1"],true); el.on("click",function tes(){ Ext.Msg.alert("提示","您点击了id为‘div1‘的节点"); });
Ext.getCmp 选择器（返回Ext组件Component对象）
//获得id为‘panel1‘的组件 var comp = Ext.getCmp(‘panel1‘); Ext.Msg.alert(‘提示‘,"取得的id为‘panel1‘的组件的类型为"+comp.getXType());
Ext.getDom 选择器（返回HTML节点元素.可用）
var comp = Ext.getDom(‘panel1‘); Ext.Msg.alert(‘提示‘,"通过Ext.getDom取得的dom的id:"+comp.id+"<br>通过另一种方式取得panel的dom其id:"+panel.el.dom.id);
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
