CODEWITHSUNDEEP
webviewtitanium
hanw
hanw

Reputation: 91

what is the propper way to use Titanium eventListerner/fireEvent to communication with webview

so I'm working on an application that uses webview to display data. At the moment i'm trying to get data from, and send data to the webview. It seems that getting data from the webview works fine, but sending data back to the webview forms the problem.

I use fireEvents and Eventlisteners to communicat. It looks somethhing like this:

webview : index.html

// declared at the beginning of the html file
Ti.App.addEventListener('sendToWebview', function(data) {
  alert('alert in webview');
});

// fires when button is pushed
function onClick(){
  Ti.App.fireEvent('sendToTi', { "someDataToTi"  });
}

app.js

Ti.App.addEventListener('sendToTi', function(data) {        
  alert('alert in Ti');
  Ti.App.fireEvent('sendToWebview', { "someDataToWebview" });
});

What works is the sendToTi event. here i always get the alert. What doesn't seem to work all the time is the sendToWebview event. The weird thing is that is sometimes seem to work, other times not and even when I go back to the code that worked, it seems to not work anymore. What am I doing wrong? is there a way to make it work?

Upvotes: 1

Views: 1181

Answers (1)

mr.VVoo
mr.VVoo

Reputation: 2270

Your 'sendToTi' is correct. But you can't send events to the WebView in that way.

To execute JavaScript (which is sending events) in your WebView you can use

webview.evalJS('someJSFunction(with, parameters, for, instance);');
webview.evalJS('alert("Hello World!");');

There is no need of EventListeners (especially no app-wide event listeners).

Upvotes: 1

Related Questions