当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 学习ExtJS（二） Button常用方法

Javascript
文档对象模型(DOM)的技巧和诀窍
Javascript在IE与firefox中表现的异同
文档对象模型(DOM)的基本方法
javaScript DOM方法与属性摘要
Javascript的一些属性讲解
JavaScript代码规范
IE和Firefox的兼容性问题
innerHTML,outerHTML,innerText,outerText
FireFox支持innerText
JavaScript Dom编程:介绍学习书籍
JavaScript教程:关于时间格式转换
JavaScript教程:判断日期正确与否的函数
解决JS脚本兼容的几个小技巧
使用createElement动态创建HTML对象
Javascript事件处理代码的三种写法
Javascript教程:展示风格的价值
Javascript在IE和FF里的兼容问题
JavaScript扩展:正则像函数一样调用
初学Ajax须注意的几个问题
学习JavaScript的事件

No. « 162 163 164 165 »

技术文章搜索

关键字

Javascript 中的 学习ExtJS（二） Button常用方法

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-10   浏览: 644 ::
收藏到网摘: n/a

ExtJS Button常用方法，需要学习的朋友可以参考下。 一、属性
renderTo：将当前对象所生成的HTML对象存放在指定的对象中
text：得到按钮名称
minWidth：按钮最小宽度
hidden：按钮的隐藏或显示(true or false)
二、构造参数
handler：指定一个函数句柄，在默认事件触发时调用，此时在默认事件为click
listeners：在对象初始化之前，将一系列事件进行绑定。
三、函数
getBogy()：对到Body对象
onReady()：当页面加载完成时执行本函数
getText()：得到按钮名称
setText("按钮名称")：设置按钮名称
四、应用举例
复制代码 代码如下:

Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"确定",
listeners:{
"click":function()
{
alert("Hello");
}
}
})
button.minWidth=200;
button.setText("EasyPass");
})

复制代码 代码如下:

Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"确定"
})
button.on("click",function(){
alert("hello");
})
button.minWidth=200;
button.setText("EasyPass");
})