[英]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.