您的位置:首页 > Web前端 > JavaScript

extjs学习笔记----按钮和日期组件

2013-05-24 16:58 288 查看
1、普通的button按钮:

Ext.onReady(function (){
var btn=new Ext.Button({
renderTo:Ext.getBody(),
text:"测试按钮",
type:"button",
pressed:true,//是按钮处于按下状态
//disabled:true,//设置按钮的可用性
minWidth:300,//设置按钮的最小宽度
//icon:"",//为按钮添加图片
//iconCls:"",//为按钮添加自定义的样式
handler:function(){
alert("123456");
}
})
});


2、日期控件:(该控件唯一的不足:是不能选时间)

Ext.onReady(function (){
var dp=new Ext.DatePicker({
renderTo:Ext.getBody(),
minDate:Date.parseDate("2000-1-1","Y-m-d"),//设置日期的最小值
maxDate:Date.parseDate("2000-1-1","Y-m-d"),//设置日期的最大值
value:Date.parseDate("2013-05-24","Y-m-d"),//设置日期显示的值
handler:function(){
Ext.MessageBox.alert("日期",Ext.util.Format.date(this.value,"Y-m-d"));
}
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: