Skip to Content

Changes for page Create a new WO Component

Last modified by Kieran Kelleher on 2007/12/21 14:09
From version 10.1
edited by Mike Schrag
on 2005/11/19 11:42
Change comment: There is no comment for this version
To version 11.1
edited by Mike Schrag
on 2005/09/24 22:41
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,45 +1,0 @@
1 -Let's add a new WO Component to our project.
2 -
3 -~1. Right-Click/Ctrl-Click on the project and select "New" => "WOComponent"
4 -
5 -[[image:Picture 25.png]]
6 -
7 -----
8 -
9 -2. The "New WebObjects Component" dialog opens. The only required field is the WOComponent name. Let's just use the default "MyComponent" as the component name. I generally deselect "Create body tag" and "Create api file", but you can leave them if you'd like. Click "Finish" to continue.
10 -
11 -[[image:Picture 26.png]]
12 -
13 -----
14 -
15 -3. You should now have a new MyComponent.java in your source folder, a MyComponent.wo folder at the project root (or whereever you decide to add the component), a wod, woo, html, and optional api file, and the Component Editor should now open to show your new component.
16 -
17 -[[image:Picture 27.png]]
18 -
19 -----
20 -
21 -4. Switch to the "Java" tab and add the "greeting" method as defined in the picture below and save.
22 -
23 -[[image:Picture 28.png]]
24 -
25 -----
26 -
27 -5. Now switch to the "Component" tab, add a <webobject> tag in the HTML and save, then the WOD definition and save. Note that you must save each of the editors individually for changes to be visible ~-~- even in the split view. If your file is unsaved, you will see a "**" next to the filename in the tab at the top of the editor.**
28 -
29 -[[image:Picture 29.png]]
30 -
31 -----
32 -
33 -6. Now switch to your Main.wo Component Editor "Component" tab and add a <webobject> tag named "Greeting" and save. Switch to the WOD editor and add a Greeting element that is of type "MyComponent" (you'll notice that code completion now shows MyComponent in the list, because it is a subclass of WOElement).
34 -
35 -[[image:Picture 30.png]]
36 -
37 -----
38 -
39 -7. Adding a new Java file technically is not a violation of Hot Code Replacement, however, WO seems to not like a new HTML template appearing in your bundle that it doesn't know about. So go ahead and stop your app if it's running and then re-debug it (from the previous instructions). You should now have a "Hello!" in Main.wo is generated by the embedded MyComponent component.
40 -
41 -[[image:Picture 31.png]]
42 -
43 -----
44 -
45 -8. Continue on to see how to [[Add a Framework Dependency]] to your project.