1

如何在 Sencha Touch 视图中使用 JS?

Ext.define('project.view.viewexample', {
extend: 'Ext.Panel',
xtype: 'asd',

config: {
    styleHtmlContent: true, 
    scrollabe: 'vertical',
    title: 'TITLE!',
    Html: '<html>code and also JS?'
}   
});

我有包含 jscode 的 htmlcode(在 Script-tags 中)。在这件事上使用它似乎不起作用,对吗?我也尝试过使用 tpl,但它并没有改变任何东西。

有人知道如何正确使用 JS 吗?一个更好的选择是在控制器中使用它,但在这种情况下,我不知道如何传递数据。

编辑: 我已经有点接近我认为的解决方案了。下面的代码显然是错误的,但也许有人可以看到我做错了什么:

Ext.define('projext.view.viewexample', {
extend: 'Ext.Panel',
xtype: 'gps',

config: {
    styleHtmlContent: true, 
    scrollabe: 'vertical',
    title: 'GPS',
    tpl: 'Här var det GPS'
},
constructor: function() {
    this.getPosition();
},
getPosition: function() {
    var geo = Ext.create('Ext.util.Geolocation', {
        autoUpdate: false,
        listeners: {
            locationupdate: function(geo) {
                alert('New latitude: ' + geo.getLatitude());
            },
            locationerror: function(geo, bTimeout, bPermissionDenied, bLocationUnavailable, message) {
                if(bTimeout){
                    alert('Timeout occurred.');
                } else {
                    alert('Error occurred.');
                }
            }
        }
    });
    geo.updateLocation();
}
});
4

1 回答 1

1

配置html需要小写。

Ext.define('project.view.viewexample', {
    extend: 'Ext.Panel',

    styleHtmlContent: true, 
    scrollabe: 'vertical',
    title: 'TITLE!',
    html: 'define your html'
});
于 2013-03-21T15:45:16.667 回答