sencha touch picker
来源:互联网 发布:哪些网游有mac版 编辑:程序博客网 时间:2024/05/03 06:32
xtype: 'selectfield',
id: 'duration',
name: 'duration',
label: '时长',
labelWidth: '35%',
usePicker: true,
listeners: {
'focus' : function(a,e, eOpts) {
Ext.getCmp('duration').setOptions('');
function pad2(d) {
return (d < 10 ? '0' : '') + d;
}
var hours = [];
for (var h = 1; h <= 23; h++) {
hours[hours.length] = {
text: pad2(h),
value: pad2(h)
};
}
var minutes = [];
for (var m = 0; m <= 59; m++) {
minutes[minutes.length] = {
text: pad2(m),
value: pad2(m)
};
}
var picker = Ext.create('Ext.Picker', {
cancelButton: {
text: '取消'
},
doneButton: {
text: '确定'
},
slots: [{
align: 'center',
name : 'hour',
title: '小时',
data: hours,
flex: 2
},{
align: 'center',
name : 'min',
title: '分钟',
data: minutes,
flex: 2
}],
listeners: {
change: function (picker, newValue, oldValue) {
var optionValue = newValue.hour+':'+newValue.min;
Ext.getCmp('duration').setOptions({text: optionValue, value: optionValue});
},
cancel: function (picker) {
}
}
});
Ext.Viewport.add(picker);
picker.show();
},
initialize: function(s, eOpts){
Ext.getCmp('duration').setOptions({text: '01:00', value: '01:00'});
}
id: 'duration',
name: 'duration',
label: '时长',
labelWidth: '35%',
usePicker: true,
listeners: {
'focus' : function(a,e, eOpts) {
Ext.getCmp('duration').setOptions('');
function pad2(d) {
return (d < 10 ? '0' : '') + d;
}
var hours = [];
for (var h = 1; h <= 23; h++) {
hours[hours.length] = {
text: pad2(h),
value: pad2(h)
};
}
var minutes = [];
for (var m = 0; m <= 59; m++) {
minutes[minutes.length] = {
text: pad2(m),
value: pad2(m)
};
}
var picker = Ext.create('Ext.Picker', {
cancelButton: {
text: '取消'
},
doneButton: {
text: '确定'
},
slots: [{
align: 'center',
name : 'hour',
title: '小时',
data: hours,
flex: 2
},{
align: 'center',
name : 'min',
title: '分钟',
data: minutes,
flex: 2
}],
listeners: {
change: function (picker, newValue, oldValue) {
var optionValue = newValue.hour+':'+newValue.min;
Ext.getCmp('duration').setOptions({text: optionValue, value: optionValue});
},
cancel: function (picker) {
}
}
});
Ext.Viewport.add(picker);
picker.show();
},
initialize: function(s, eOpts){
Ext.getCmp('duration').setOptions({text: '01:00', value: '01:00'});
}
}
如果代码是自己看着picker 组件写的,还是有问题的,不够完美,希望以后能完善一下
- sencha touch picker
- 【SENCHA TOUCH】picker的使用
- sencha-touch 1.1 Picker控件使用
- sencha touch 中获取picker的text值
- Sencha Touch
- sencha touch
- sencha touch
- Sencha Touch 自定义主题
- sencha touch 资料整理
- PhoneGap,sencha touch
- Sencha+touch+开发指南
- sencha-touch-calendar控件
- 使用sencha-touch-checkbox
- sencha touch插件
- 开始Sencha Touch 2
- sencha touch发送消息
- sencha touch 功能简介
- Sencha Touch 2.0发布
- Python 应用领域
- rand函数和srand函数的用法和区别
- 最小生成树PRIM()算法框架
- 堆排序
- 我和我的小伙伴们一起学Unity3D(五)让角色更鲜活——刚体
- sencha touch picker
- Flex DropdownList下拉框宽度
- 百度与英特尔双方研发云数据
- linux socket timewait连接错误情况
- Arcgis Engine 9.3 dll迁移至AE10
- JQuery 事件详解
- vc文件说明
- MFC中不同CPP间创建全局变量
- 孙悟空给白骨精的信,及白骨精的回信