简体   繁体   English

Sencha Touch 2-将javascript添加到视图

[英]Sencha Touch 2 - Add javascript to views

How do I use JS in a Sencha Touch view? 如何在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?'
}   
});

I have htmlcode which includes jscode (within Script-tags). 我有包含jscode(在Script-tags中)的htmlcode。 It doesn't seem to work to use in this matter, am I right? 在这件事上似乎不起作用,对吗? I've also tried to use tpl, but it doesn't change anything. 我也尝试过使用tpl,但是它没有任何改变。

Anyone know how to properly use JS? 有人知道如何正确使用JS吗? A somewhat better alternative would be to use it within the controller, but in that case I don't know how to pass the data. 更好的替代方法是在控制器中使用它,但是在那种情况下,我不知道如何传递数据。

EDIT: I've come somewhat closer to a solution I think. 编辑:我已经有点接近我认为的解决方案。 This code below is clearly wrong, but maybe someone can see what I'm doing wrong: 下面的代码显然是错误的,但是也许有人可以看到我在做什么:

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();
}
});

The html config needs to be lower-case. html配置必须为小写。

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

    styleHtmlContent: true, 
    scrollabe: 'vertical',
    title: 'TITLE!',
    html: 'define your html'
});

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM