Extjs2.0常用方法一

来源：互联网发布：vscode 字体大小编辑：程序博客网时间：2024/05/10 11:18

一

1.Ext.onRendy(); 在HTML标签初始化完后调用Ext.onRendy();

example：
Ext.onRendy({

});

2.Ext.renderTo; 把当前对象所生成的HTML对象存放在指定对象中；

example:

new Ext.Button({
renderTo:Ext.getBody(),//获得HTML<body>标签对象后给text该button对象
text:"提交" //此处text属性的性质的只读

});

二 2种事件调用

3.handler: 指定一个句柄事件，在默认事件触发时调用，此时默认事件为click;

example:

new Ext.Button({

renderTo:getBody(),

text:"提交",

handler:function(){

alert("测试默认事件调用！");

}

});

4.listeners: 这是对象初始化之前，就将一些列事件进行定义策略，在组件化编程时非常有用

new Ext.Button({

renderTo:getBody(),

text:"submit",

listeners:{

"click":function(){

alert("test listeners");

}

});

5.一种和自己架构耦合的事件策略

example:

var _click = new Ext.Button({

renderTo:Ext.getBody(),

text:"submit"

});

_click.on("click",function(){

alert("test var click");

});

6.add();在ext中此方法为给组件添加组件

example:

var _panel = new Ext.Panel({

renderTo:Ext.getBody(),

layout:"form",

labelWidth:100,

listeners:{

"render":function(_panel){

_panel.add(new Ext.form.TextFiled({ //此处_panel.add({});就是为Panel添加textfiled组件

id:"test_panel",

fieldLabel:"姓名"

}));

}

});

new Ext.Button({

renderTo:Ext.getBody(),

text:"confirm",

handler:function(){

alert(Ext.getCmp("test_panel"),getValue());

}

});

7.render:在当前对象被真确构造后触发 example.6中

8. Ext.getCmp();获得对象属性的ID example.6中

9.Ext.getCmp("ID").getValue() 获得对象属性的值； example.6中

ext经常写错的语法：

一，使用listeners:{}时会错误写成 listener:{}; 后面多了分号这是错误写法

二，使用构造方法时如：test_panel.add(new Ext.form.TextFiled({}) ); 写成test_panel.add(new Ext.form.TextFiled({});此处多了分号也是错误的);