extjs学习笔记----按钮和日期组件
2013-05-24 16:58
288 查看
1、普通的button按钮:
2、日期控件:(该控件唯一的不足:是不能选时间)
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")); } }); });
相关文章推荐
- ExtJs学习笔记12 - 日期控件
- ExtJS 学习笔记 示例1-点击按钮弹出一个新窗体,避免重复创建
- ExtJs学习笔记之ComboBox组件
- Bootstrap学习总结笔记(8)-- 基本组件之按钮组
- ExtJS学习笔记六:按钮获取window中的文本域
- Bootstrap基本组件学习笔记之按钮组(8)
- ExtJs组件学习笔记
- [学习笔记] bootstrap (四) : 布局组件1(下拉,按钮组[toolbar],上拉)
- ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
- Bootstrap组件学习笔记(二)——按钮组和输入框组
- ZP的EXTJS学习笔记(三)——邮箱功能的开发(按钮事件、下拉框、分页、record小图标、整条数据格式处理、定时刷新、record复选删除、分组)
- ExtJs学习笔记之Window组件
- 【ExtJs学习笔记】5.组件和容器
- 18. JAVA 图形界面 Part 2(JTextComponent、事件处理、单选按钮、复选框、列表框、下拉列表框、菜单组件、文件选择) ----- 学习笔记
- Metro UI CSS 学习笔记之组件(进度条、按钮组和评分)
- ExtJS 学习笔记 示例2-在组件中添加子组件,并操作子组件
- ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
- ExtJS学习笔记三:简单组件
- ExtJs学习笔记之Button组件
- 学习u3d笔记(一) OnGui实现动态创建cube组件 并按钮控制cube旋转 停止 销毁