PDA

View Full Version : Aptana + AIR + ExtJS-2.0.2


prologic
17 Mar 2008, 7:44 PM
Hi all,

I'm trying to get Jack's sample "Simple Tasks" example working with Adobe AIR in Aptana Studio and am not having much luck. I can run (clicking on the Run button) the application in Firefox okay, but not in Adobe AIR (click on the Adobe AIR icons for Tasks).

When run as an Adobe AIR app the following happens:

A new window opens
The content of the window is replaced with http://gears.google.com/
This states that my browser (WebKit ?) is not compatible


Presumably this is caused by the inclusion of gears.js (from Tasks.html). However if this is commented out or removed, nothing works. A blank window named "Simple Tasks" is created with nothing rendered.

Furthermore, I cannot debug this in Aptana as it seems debugging is not supported for Adobe AIR apps (despite the AIRIntrosepctor.js).

This is what I've done (following Jack's suggestion):

Installed Aptana Jaxer (latest version)
Installed Aptana Studio Pro (latest version / trial)
Installed Google Gears (latest version)
Installed Adobe AIR Runtime and SDK (latest versions)
Created a new Aptana Adobe AIR Project called Tasks using default settings (and including Ext-2.0.2 support)
Saved this project
Copied and overwrote the contents of examples/tasks/* from the Ext-2.0.2 source zip into the Tasks project directory
Modifed the src= attributes and fixed the locations of ext javascript and css references in Tasks.html


Can anyone reproduce this or offer any helpful suggestions ?

cheers
James
Lucian
18 Mar 2008, 2:17 AM
Make sure that in the application.xml the <content> tag should contain main.html or whatever the html file you wish to be loaded first.
But, if you say you overwrote the files from tasks example, I think you should modify the main.html file, and not task.html, for setting up correctly the js/css files.
prologic
19 Mar 2008, 4:31 PM
I believe I have done most things correctly:

Here is a snippet of my application.xml:



<!-- Settings for the application's initial window. Required. -->
<initialWindow>
<!-- The main HTML file of the application. Required. -->
<content>Tasks.html</content>


Here is the bit in Tasks.html that should be loading up the js/css but doesn't appear to correctly:



<html>
<head>
<title>Simple Tasks</title>

<script type="text/javascript" src="AIRAliases.js"></script>

<link rel="stylesheet" type="text/css" href="lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="lib/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="lib/ext/ext-all.js"></script>

<script type="text/javascript" src="db/ext-db.js"></script>
<!-- <script type="text/javascript" src="gears.js"></script> -->
<script type="text/javascript" src="db/ext-air-db.js"></script>
<script type="text/javascript" src="db/ext-gears-db.js"></script>

<script type="text/javascript" src="classes.js"></script>
<script type="text/javascript" src="tasks.js"></script>

<link rel="stylesheet" type="text/css" href="tasks.css" />
</head>
<body>


cheers
James
Lucian
24 Mar 2008, 3:48 AM
Hi James!...

As far as I know at this right moment, there is no support for Google Gears in AIR, but Adobe is trying to align the APIs so that it's easy to use code back and forth.

You see, Gears and AIR are very different, since AIR is more like a tool for building desktop applications using Flash and Ajax, and Gears is nothing more than a browser plugin, with its own API.

So, in order to use AIR and Google Gears into the same application, the APIs of those two should be aligned. You could wait for AIR' s team to accomplish this, or starting to write your own, just like Dion Almaer suggests (http://almaer.com/blog/gears-and-air-the-open-source-difference).

Also, you could take a look at gears-dblib (http://code.google.com/p/gears-dblib/) and Aptana's Jaxer implementation (http://almaer.com/blog/google-gears-database-api-on-the-server) .

Hope it helps...:-/
flatburger
20 Apr 2008, 5:35 AM
Can we have the full code, so we just import, run, and done.

F