从动作脚本中调用ExtJS函数

Question

I wonder if it is possible to call ExtJS functions from the action script?
For example we have the following code written on ExtJS:

Ext.define('utils', {
    singleton : true,
    alert : function (message) {
            Ext.MessageBox.alert(Ext.locale.error, message);
    }
});  

Can it be called from within action script? I know that plain java script function can be called using ExternalInterface() , but it's not suitable for me.

Thanks in advance for your help!

Answer 1

I don't know Extjs, but the documentation states that the Application class sets up a global variable with the name of your app. If you add a public method to that class you should be able to call it from Flash using ExternalInterface (see docs ), which is the standard method of communicating between Flash and JavaScript.

Extjs:

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            items: {
                html: 'My App'
            }
        });
    },
    // Public method to receive external interface calls from Flash
    alert: function(message) {
        // Call alert method on utils
    }
});

ActionScript:

ExternalInterface.call('myApp.alert', 'Hello JavaScript. Love from Flash');   

Answer 2

I don't know the ExternalInterface method in detail but using Ext.define you simply define a javascript object (as it is a singleton) with your given method. So in javascript you could simply call

utils.alert('Hello World');

So shouldn't it be possible to use the following simple call

ExternalInterface.call('utils.alert', 'Hello World');