Sencha Touch:点击按钮显示日期选择器字段

Sencha Touch: show datepickerfield on tapping the button

本文关键字:显示 日期 选择器 字段 按钮 Touch Sencha      更新时间:2023-09-26

在Sencha Touch 2中,有

{
      id:'mydatepicker',
      xtype: 'datepickerfield',
      //some more details are here
}

它运行良好。我只想显示这个日期选择器字段,不仅可以点击日期选择器字段(这是可以的),还可以点击屏幕另一部分的按钮。

那么,控制器中应该有哪个字符串来按id显示日期选择器字段呢?

更简单:http://docs.sencha.com/touch/2.2.1/#/api/Ext.picker.日期

示例:

var datePicker = Ext.create('Ext.picker.Date', {
    yearFrom: 2000,
    yearTo  : 2015,
    value: new Date(),
    useTitles: false
});
Ext.Viewport.add(datePicker);
datePicker.show();

1:为要点击的按钮添加一个引用,为日期选择器添加一个参考。

2:添加一个控件来监听按钮上的点击事件。

3:为调用日期选择器引用上的show的tap事件创建一个处理程序。

这里是控制器API的链接,它对如何设置refs和控件有很好的描述。

如果你无法从中找到解决方案,请随意发布一些代码,我可以尝试帮助你提供更具体的答案。

祝你好运,Brad