Eclipse Community Forums: Remote Application Platform (RAP) » how to evaluate the data to open flash chart in my custom widget?

Home » Eclipse Projects » Remote Application Platform (RAP) » how to evaluate the data to open flash chart in my custom widget?

Show: Today's Messages :: Show Polls :: Message Navigator

how to evaluate the data to open flash chart in my custom widget? [message #766096]

Thu, 15 December 2011 08:18

David Song

Messages: 217
Registered: April 2011

Senior Member

hi all,

I am going to write a custom widget width the Open Flash Chart to display my chart graphic in my rap app. and as we know, ofc search the vars ofc and data-file in the web page, also the global scope javascript fucntion open_flash_chart_data() to fetch the chart data. I tried the vars ofc and data-file but them did not work, and I don't know how to evaluate the json chart data from the database to the function. I maped the swf and js files to the org.eclipse.rap.ui.resources point in the extentions tab in Plugin.xml. Some codes for Chart.js file are just like below，

qx.Class.define( "com.learn.rap.flashchart.Chart", {
extend : qx.ui.layout.CanvasLayout,

construct: function( id ) {
this.base( arguments );
this.setHtmlAttribute( "id", id );
this._id = id;
},

properties : {
chartData : {
init : "",
apply : "initChart"
}
},

members : {
_doActivate : function() {
var shell = null;
var parent = this.getParent();
while( shell == null && parent != null ) {
if( parent.classname == "org.eclipse.swt.widgets.Shell" ) {
shell = parent;
}
parent = parent.getParent();
}
if( shell != null ) {
shell.setActiveChild( this );
}
},

initChart : function() {
if (this.getChartData()) {
var t = "<object width=\"100%\" height=\"100%\">"+
"<param name=\"movie\" value=\"/com/learn/rap/flashchart/internal/chartkit/open-flash-chart.swf?&data-file="+
JSON.stringify(this.getChartData())+
"></param><embed width=\"100%\" height=\"100%\" type=\"application/x-shockwave-flash\" src=\"/com/learn/rap/flashchart/internal/chartkit/open-flash-chart.swf?data-file="+
JSON.stringify(this.getChartData())+
"></embed></object>";
document.getElementById(this._id).innerHTML = t;
}
}
}
});

by the way JSON can not run in IE.

Thanks a lot
David

Report message to a moderator

Re: how to evaluate the data to open flash chart in my custom widget? [message #766186 is a reply to message #766096]

Thu, 15 December 2011 10:35

Tim Buschtoens

Messages: 396
Registered: July 2009

Senior Member

Hi!

I'm not sure what exactly your question is, but some general pointers:

- In your usecase it seems to be a good idea to use the Browser-Widget
to create the custom widget. You can find examples here[1], here[2] and
here[3]. I strongly recommand it, as you dont't have to work with
qooxdoo then.

- If you need to have JSON support in IE, you can use json2.js[4].

- I have no knowledge about OFC, so depending on what exactly your
problem is, you may be asking in the wrong newsgroup.

Greetings,
Tim

[1] https://github.com/eclipsesource/rap-ckeditor/tree/simple
[2] https://github.com/tbuschto/rap-gmap
[3] https://github.com/eclipsesource/org.eclipse.rap.widget.carousel
[4] https://github.com/douglascrockford/JSON-js/blob/master/json2.js

Am 15.12.2011 09:18, schrieb micromms:
> hi all,
>
> I am going to write a custom widget width the Open Flash Chart to
> display my chart graphic in my rap app. and as we know, ofc search the
> vars ofc and data-file in the web page, also the global scope javascript
> fucntion open_flash_chart_data() to fetch the chart data. I tried the
> vars ofc and data-file but them did not work, and I don't know how to
> evaluate the json chart data from the database to the function. I maped
> the swf and js files to the org.eclipse.rap.ui.resources point in the
> extentions tab in Plugin.xml. Some codes for Chart.js file are just like
> below，
>
>
> qx.Class.define( "com.learn.rap.flashchart.Chart", {
> extend : qx.ui.layout.CanvasLayout,
>
> construct: function( id ) {
> this.base( arguments );
> this.setHtmlAttribute( "id", id );
> this._id = id;
> },
> properties : {
> chartData : {
> init : "",
> apply : "initChart"
> }
> },
> members : {
> _doActivate : function() {
> var shell = null;
> var parent = this.getParent();
> while( shell == null && parent != null ) {
> if( parent.classname == "org.eclipse.swt.widgets.Shell" ) {
> shell = parent;
> }
> parent = parent.getParent();
> }
> if( shell != null ) {
> shell.setActiveChild( this );
> }
> },
> initChart : function() {
> if (this.getChartData()) {
> var t = "<object width=\"100%\" height=\"100%\">"+
> "<param name=\"movie\"
> value=\"/com/learn/rap/flashchart/internal/chartkit/open-flash-chart.swf?&data-file="+
>
> JSON.stringify(this.getChartData())+
> "></param><embed width=\"100%\" height=\"100%\"
> type=\"application/x-shockwave-flash\"
> src=\"/com/learn/rap/flashchart/internal/chartkit/open-flash-chart.swf?data-file="+
>
> JSON.stringify(this.getChartData())+
> "></embed></object>";
> document.getElementById(this._id).innerHTML = t;
> }
> }
> }
> });
>
>
> by the way JSON can not run in IE.
>
> Thanks a lot
> David
>
>

Report message to a moderator