一
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({});此处多了分号也是错误的);