码迷,mamicode.com
首页 > Web开发 > 详细

ExtJs学习笔记(一)

时间:2015-04-29 16:58:56      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

// 这个查询会返回有多个元素的数组,选中对整个文档的所有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);  

 

 

 

 

 

 

 

 

 

  

 

  

 


 

ExtJs学习笔记(一)

标签:

原文地址:http://www.cnblogs.com/warwolf/p/4466188.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!