Basic example of Google Charts with DataFlex WebApp: Difference between revisions
Basic example of Google Charts with DataFlex WebApp (view source)
Revision as of 22:05, 26 March 2020
, 26 March 2020Adding some text
mNo edit summary |
(Adding some text) |
||
| Line 3: | Line 3: | ||
Below we will create a DataFlex wrapper component for the Google Charts component. | Below we will create a DataFlex wrapper component for the Google Charts component. | ||
A wrapper consists of multiple parts working together, so that you can use the control directly from your DataFlex web application. | A wrapper consists of multiple parts working together, so that you can use the control directly from your DataFlex web application. The first two elements are the client-side JavaScript part (actually a JavaScript pseudo-class) and the server-side DataFlex class, which together make up the new component. | ||
=== The | === The JavaScript part === | ||
Create a new folder GoogleCharts in your AppHtml folder and put the following in the file Charts.js | Create a new folder GoogleCharts in your AppHtml folder and put the following in the file Charts.js | ||
| Line 200: | Line 200: | ||
=== An example web object === | === An example web object === | ||
Now that we have our component, we need to deploy it, so here is a sample view using it: | |||
<source lang="dataflex"> | <source lang="dataflex"> | ||