Ext.get 选择器（返回HTML或DOM的节点元素）
元素的样式操作：
<mce:script language="javascript">
<!--
Ext.onReady(function(){
var el = Ext.get("the-id");
function fn1(){
Ext.Msg.alert("提示","您在id为'the_id'的Element上按下了ctrl+c键");
}
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的功能相同，只是参数的传递方式不同
});
// -->
</mce:script>
Ext.select 选择器 （返回应该了该样式表的对象）
另一种根据Id操作元素的方法
var el = Ext.select(["div1"],true);
el.on("click",function tes(){
Ext.Msg.alert("提示","您点击了id为'div1'的节点");
});
Ext.query 选择器 （返回满足条件的节点数组）
<mce:script language="javascript"><!--
Ext.onReady(function(){
var panel = new Ext.Panel({
title:"示例",
renderTo:'sub1',
width:'300px',
html:"<div id='div1' property1='pro1' style='height:200px'><div id='01'property1='pro1' >我的id是sub3</div><div id='02'></div></div>"
});
//选择元素为div其id为div1的节点的数组
var el = Ext.query("#div1");
//选择元素为div的且这些div具备属性为property1其值为pro1的节点的数组
var targetD = Ext.query('div[property1=pro1]');
if(el.length>0 || targetD.length>0){
Ext.Msg.alert('提示',"取得了"+el.length+"个div的id为'div1'的节点<br>"+
"取得了"+targetD.length+"个类型为div<br>具备属性property1且其值为'pro1'的节点");
}
});
// -->
</mce:script>
</head>
<body>
<div id="sub1"></div>
</body>
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);
转自 ：http://blog.csdn.net/homsky/article/details/5451055
分享到：
相关推荐
renderTo: Ext.getBody(), // 将颜色选择器渲染到body元素 width: 250, // 设置宽度 height: 200, // 设置高度 listeners: { select: function(picker, color) { console.log('Selected color:', color); // ...
这里，`down()`方法用于查找具有指定选择器的子组件。在这个例子中，我们通过名称`Id`来定位文本框组件，并使用`setValue()`方法设置其值。 ### 四、进阶用法 随着项目复杂度的增加，可能还需要考虑其他一些高级...
Extjs的组件系统非常丰富，包括按钮、日期选择器、ComboBox等，它们都可以通过配置实现复杂的交互逻辑。数据管理部分涉及到了Extjs对Ajax请求的封装、数据代理、读取器、存储等概念。Extjs对分页、表单验证、表单...
如果需要根据特定选择器获取一组元素，可以使用EXTJS提供的选择器功能，例如获取所有class为'myClass'的元素。 EXTJS4的学习文档还包括更多关于组件、布局、数据绑定、事件处理等方面的详细内容，这些都是构建EXTJS...
在"基于EXTJS框架的工作流设计器"中，EXTJS主要用于构建用户界面。EXTJS的组件模型允许开发者构建复杂的交互式UI，包括表格、树形视图、表单、面板等。工作流设计器的前台界面很可能使用了EXTJS的GridPanel、...
- **Ext.select**：使用选择器获取页面元素，返回的是一个***positeElement对象，允许对所包含的节点进行遍历和操作。 #### 5. 事件响应 ExtJS4中可以为元素添加事件响应： - **添加单击事件响应**：通过Ext....
ExtJS 2.0的组件系统是其核心部分，包括各种UI元素，如按钮（Button）、表格（Grid）、面板（Panel）、表单（Form）等。这些组件可以独立使用，也可以组合构建复杂的用户界面。学习ExtJS 2.0时，理解每个组件的功能...
如果你需要获取一组具有相同特征的元素，可以使用选择器，如`var ps = Ext.select('p')`，这将返回页面上所有`<p>`标签的集合。 通过以上步骤，你已经迈出了学习ExtJS的第一步。继续深入，你会发现ExtJS提供了丰富...
- **选择器语法**：支持CSS选择器语法，使得获取DOM元素变得更加灵活和高效。 #### 5. 响应事件 - **事件绑定**：ExtJS提供了一套完整的事件处理机制，包括绑定、触发和监听事件等功能。 - **事件代理**：通过事件...
该方法接受一个对象作为参数，其中键表示选择器和事件类型，而值则是一个回调函数。 - 示例： ```javascript Ext.addBehaviors({ '#foo a@click': function(e, t) { // 处理点击事件 }, '#foo a,#bar span....
这可能包括日期选择器的外观、颜色、边框、背景、字体大小等视觉元素。通过自定义CSS，开发者可以确保日期时间组件与应用程序的整体设计风格保持一致。 在实际应用中，日期时间组件常常用于表单输入、日历视图、...
这两个CSS选择器将应用于由`inputWrapCls`和`triggerWrapCls`指定的元素，确保输入框和触发器包裹元素的边框样式都设为无边框。 在实际开发中，根据设计需求，可能还需要处理其他情况，例如当`textfield`处于不同...
综上所述，ExtJS 4.0官方版本是构建复杂企业级Web应用的理想选择，它提供的强大功能和易用性，使得开发者能够快速地构建出功能丰富、交互性强的前端界面。在ext-4.0.0这个压缩包中，包含了完整的框架文件和资源，...
4. **Ext.addBehaviors()**: 这个方法允许你基于CSS选择器为页面元素添加事件监听器。例如，可以为多个元素或具有特定类别的元素一次性绑定事件。 5. **Ext.id()**: 生成唯一的ID字符串。如果不提供元素，它会返回...
- **日期选择器Ext.DatePicker**: 详细介绍了日期选择器组件的使用方法，包括配置选项和事件处理。 #### 数据与ComboBox 数据管理是任何Web应用不可或缺的部分，ComboBox则是处理数据输入的有效工具。 - **数据在...
7. **选择器与元素获取** - Extjs4的选择器功能强大，可以用于获取具有特定属性或类的多个元素。例如，获取所有class为'myClass'的元素可以写成`Ext.select('.myClass')`。这种方法在处理复杂DOM结构时非常有用。 ...
4. **表单组件**：EXTJS包含一系列表单控件，如文本字段（TextField）、选择框（ComboBox）、日期选择器（DatePicker）等，能够满足各种数据输入需求。 5. **数据存储**：EXTJS的数据存储系统包括Store，它可以连接...
这是ExtJS中的一个DOM选择器，它获取了ID为'outputuser'的元素，通常是按钮或其他可点击的UI组件。在给定的代码中，当用户点击这个元素时，会触发一个事件处理函数，即`function(e)`。 事件处理函数内部，我们看到...
- 为通过选择器获取的元素绑定事件。 #### 六、UI Widgets Extjs4.0 提供了大量的UI组件，包括但不限于按钮、面板、表格等。 #### 七、布局管理 1. **Fit 布局**: - 子元素会自动填充满父容器的空间。 - 适用...