Creating JavaScript based visual editor [message #94947] |
Mon, 27 June 2005 09:17  |
Eclipse User |
|
|
|
Originally posted by: joakim.bindows.net
Hi,
I'm currently looking att the possibility to use Eclipse Visual Editor as
the base for a GUI designer for our framework. The problem is that I don't
want to create Java code, I want to create JavaScript code. When I started
reading about the Visual Designer it sounded like it was quite easy to do
this but after looking around I starting to give up hope since I cannot find
any documentation or example of how to do this and I don't want to try to
figure it out all by my self.
Is there any documentation or example available out there? Is it even
possible to achive this task within a resonable amount of time.
I would be very thankful for any information about this.
Kind regards,
Joakim Andersson
|
|
|
|
Re: Creating JavaScript based visual editor [message #96033 is a reply to message #95141] |
Mon, 04 July 2005 05:25  |
Eclipse User |
|
|
|
Originally posted by: joakim.bindows.net
Hi,
Thank you for your answer.
What I am trying to do is to create a visual designer for Bindows
(http://www.bindows.net) for Eclipse. Bindows uses standard HTML and
JavaScript to create the user interface so you are absolutly right that it
should be rendered by a browser.
There are quite a lot of samles on the webpage which you can look at. It's
not that easy to provide you with a simple HelloWorld applications since it
requires the framework to run but the code can look like this.
function HelloWorld () {
// Create a new label and add set som properties.
var lbl = new BiLabel("Hello world");
lbl.setLocation(10, 10);
lbl.setBackColor("yellow");
// Add the label to the window.
application.getWindow().add(lbl);
}
// Initialize the application.
HelloWorld.main = function () {
new HelloWorld;
}
This will result in a DIV with a background color and a text. This is not
very interesting but if you use a BiDatePicker och BiGraph instead it will
be much more interesting.
/Joakim
"Joe Winchester" <winchest@uk.ibm.com> wrote in message
news:d9u9tc$i5u$1@news.eclipse.org...
> Hi Joakim,
>
>> I'm currently looking att the possibility to use Eclipse Visual Editor as
>> the base for a GUI designer for our framework. The problem is that I
>> don't want to create Java code, I want to create JavaScript code. When I
>> started reading about the Visual Designer it sounded like it was quite
>> easy to do this but after looking around I starting to give up hope since
>> I cannot find any documentation or example of how to do this and I don't
>> want to try to figure it out all by my self.
>>
>> Is there any documentation or example available out there? Is it even
>> possible to achive this task within a resonable amount of time.
>
> The VE right now is quite Java centric in terms of its design time
> controls. Out of the box it supports Swing and SWT and lets you do GUI
> design however it is based on an extensible framework so you can (and
> others do) extend it where their widget set is Java but the persistence is
> different, for example XML. This tends to be the most popular extension
> of the framework (other than adding functionality specific to new widget
> sets or layout managers and stuff which is supported and we're trying to
> document and solidify the API more), however the extensions used still
> tend to rely on the design time model of having a target VM running a set
> of live JVM widgets that are rendered inside GEF.
>
> For non-JVM based widgets we don't have anyone yet that does this. I
> presume that for Java script you actually are talking about controls that
> at runtime would be rendered by a browser ? What is the basic "Hello
> World" scenario at runtime that you want to create and how is this
> executed at runtime ? I hate to appear stupid, but I'm just curious to
> back right up to square one and see what is the most basic example that,
> if it existed as say a tutorial, would enable you to go forward.
>
> Best regards,
>
> Joe Winchester
|
|
|
Re: Creating JavaScript based visual editor [message #608109 is a reply to message #94947] |
Wed, 29 June 2005 10:06  |
Eclipse User |
|
|
|
Hi Joakim,
> I'm currently looking att the possibility to use Eclipse Visual Editor as
> the base for a GUI designer for our framework. The problem is that I don't
> want to create Java code, I want to create JavaScript code. When I started
> reading about the Visual Designer it sounded like it was quite easy to do
> this but after looking around I starting to give up hope since I cannot find
> any documentation or example of how to do this and I don't want to try to
> figure it out all by my self.
>
> Is there any documentation or example available out there? Is it even
> possible to achive this task within a resonable amount of time.
The VE right now is quite Java centric in terms of its design time
controls. Out of the box it supports Swing and SWT and lets you do GUI
design however it is based on an extensible framework so you can (and
others do) extend it where their widget set is Java but the persistence
is different, for example XML. This tends to be the most popular
extension of the framework (other than adding functionality specific to
new widget sets or layout managers and stuff which is supported and
we're trying to document and solidify the API more), however the
extensions used still tend to rely on the design time model of having a
target VM running a set of live JVM widgets that are rendered inside GEF.
For non-JVM based widgets we don't have anyone yet that does this. I
presume that for Java script you actually are talking about controls
that at runtime would be rendered by a browser ? What is the basic
"Hello World" scenario at runtime that you want to create and how is
this executed at runtime ? I hate to appear stupid, but I'm just
curious to back right up to square one and see what is the most basic
example that, if it existed as say a tutorial, would enable you to go
forward.
Best regards,
Joe Winchester
|
|
|
Re: Creating JavaScript based visual editor [message #608951 is a reply to message #95141] |
Mon, 04 July 2005 05:25  |
Eclipse User |
|
|
|
Originally posted by: joakim.bindows.net
Hi,
Thank you for your answer.
What I am trying to do is to create a visual designer for Bindows
(http://www.bindows.net) for Eclipse. Bindows uses standard HTML and
JavaScript to create the user interface so you are absolutly right that it
should be rendered by a browser.
There are quite a lot of samles on the webpage which you can look at. It's
not that easy to provide you with a simple HelloWorld applications since it
requires the framework to run but the code can look like this.
function HelloWorld () {
// Create a new label and add set som properties.
var lbl = new BiLabel("Hello world");
lbl.setLocation(10, 10);
lbl.setBackColor("yellow");
// Add the label to the window.
application.getWindow().add(lbl);
}
// Initialize the application.
HelloWorld.main = function () {
new HelloWorld;
}
This will result in a DIV with a background color and a text. This is not
very interesting but if you use a BiDatePicker och BiGraph instead it will
be much more interesting.
/Joakim
"Joe Winchester" <winchest@uk.ibm.com> wrote in message
news:d9u9tc$i5u$1@news.eclipse.org...
> Hi Joakim,
>
>> I'm currently looking att the possibility to use Eclipse Visual Editor as
>> the base for a GUI designer for our framework. The problem is that I
>> don't want to create Java code, I want to create JavaScript code. When I
>> started reading about the Visual Designer it sounded like it was quite
>> easy to do this but after looking around I starting to give up hope since
>> I cannot find any documentation or example of how to do this and I don't
>> want to try to figure it out all by my self.
>>
>> Is there any documentation or example available out there? Is it even
>> possible to achive this task within a resonable amount of time.
>
> The VE right now is quite Java centric in terms of its design time
> controls. Out of the box it supports Swing and SWT and lets you do GUI
> design however it is based on an extensible framework so you can (and
> others do) extend it where their widget set is Java but the persistence is
> different, for example XML. This tends to be the most popular extension
> of the framework (other than adding functionality specific to new widget
> sets or layout managers and stuff which is supported and we're trying to
> document and solidify the API more), however the extensions used still
> tend to rely on the design time model of having a target VM running a set
> of live JVM widgets that are rendered inside GEF.
>
> For non-JVM based widgets we don't have anyone yet that does this. I
> presume that for Java script you actually are talking about controls that
> at runtime would be rendered by a browser ? What is the basic "Hello
> World" scenario at runtime that you want to create and how is this
> executed at runtime ? I hate to appear stupid, but I'm just curious to
> back right up to square one and see what is the most basic example that,
> if it existed as say a tutorial, would enable you to go forward.
>
> Best regards,
>
> Joe Winchester
|
|
|
Powered by
FUDForum. Page generated in 0.03139 seconds