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
分享到:
相关推荐
extjs下的颜色选择器,很好用,可以试试,应该能满足大多数需要
Extjs颜色选择器,完整实例,直接打开ColorField.html文件就可以看到实例效果。不需要引用其他文件。
extjs的年月选择控件,主要针对原有的extjs Datefield控件的基础上增加了插件
简单修改index的extjs引用路径双击index.html就可以看到效果了。
Extjs界面设计器,可以根据可视化的设计界面,通过拖动组件和修改属性的方法,生成Extjs脚本,对于Extjs开发有很大的帮助,
ExtJS对几种面向对象体现.txt ExtJS对几种面向对象体现.txt
extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器
ExtJS6.0版本的颜色选择器控件,modern版颜色控件,2.0
基于ExtJS的工作流流程图设计页面,方便快捷。
从外往里说,extjs所有的这种选择器都是继承自picker类,继承这个类实现一个重要的方法createPicker 方法,在这个方法里创建一个本选择器需要用到的组件,我这里创建的是tabpanel,tabpanel继承自Ext.tab.Panel这个...
将文件拷贝到extjs根目录下。运行即可。实现了选中之类。父类联动选中
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
Extjs4.1可使用的日期时间选择控件,其中有一些不合理之处请各位多提宝贵意见。
extjs 可视化设计器 中文 汉化版 extjs 可视化设计器 中文 汉化版 免安装版
extjs时间日期选择组件.
ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...
ExtJs2.0学习系列(1)--Ext.MessageBox
extjs写的部门和用户选择控件,每个项目都需要的东西,可以单独选择部门,或单独选择用户,级联等等!或者级联选择某个部门下的所有员工, 现在还没写详细的说明,那位愿意写说明的写好后请email至273082449@qq.com, 正好没...
extjs视图设计器,其中有安装说明和操作视频的网址。
EXTJS页面编辑器,对于使用EXTJS作为项目界面技术支持的人,可以用该编辑器,可以快速的编辑生成你所需要的界面。