Question

我正在尝试仅针对time字段在此link上使用第三方扩展程序。我怎样才能在sencha touch 2.1中使用它？

修改

我在ux\picker中添加了扩展程序，然后使用了以下代码

Ext.define('HB.view.Search', {
extend: 'Ext.form.Panel',
xtype: 'search',

Ext.require(['Ext.ux.picker.DateTimePicker']),

config: {
    title: 'Search',
    layout: 'fit',
    scrollable: true,
    styleHtmlContent: true,
    styleHtmlCls: 'searchpage',
    //html: ['<h1>Welcome to MyApp</h1>'].join(''),

    items: [
        {
            xtype: 'titlebar',
            title: 'Search Page',
            docked: 'top'
        },
        {
            xtype: 'textfield',
            name: 'from',
            placeHolder: 'From'
        },
        {
            xtype: 'textfield',
            name: 'to',
            placeHolder: 'To'
        },
        {
            xtype: 'datepickerfield',
            name: 'date',
            value: new Date()
        },
        {
            xtype: 'datetimepickerfield',
            name: 'time',
            value: new Date()
        }
    ]
},

//style: 'height:' + (Ext.getBody().getHeight()) + 'px;'
height: Ext.getBody().getHeight()
});

但它给了我这个错误

GET http://localhost/HelsinkiBus/touch/src/DateTimePicker.js?_dc=1357800622746 404 (Not Found) 
Uncaught Error: [Ext.Loader] Failed loading 'touch/src/DateTimePicker.js', please verify that the file exists

Answer 1

只需将ux文件夹中的文件放在项目的ux\picker文件夹中，然后使用xtype: 'datetimepickerfield'。
在使用此组件之前，您需要先加载所需的文件。您可以使用Ext.require

执行此操作

Answer 2

Ext.require（[＆＃39; Ext.ux.field.DateTimePicker＆＃39;]）;.

DateTimePicker - ＆gt; ux / field / DateTimePicker

DateTime - ＆gt; UX /拾取器/日期时间

我浪费了6个小时来找到这个问题。

如何在sencha touch中使用第三方扩展

2 个答案: