Web Forms in Seaside
Sign in to YouTube
Sign in to YouTube
Sign in to YouTube
Uploaded on Feb 22, 2010
In Chapter 11 of Learning Web Development with Seaside we create a form to collect information from the user. We start by launching the Seaside One-click Experience and then defining a new web component to edit events.
Now we go to an earlier web component that lists all the events and add a method to call our new editor component. We modify one of the report columns so that instead of simply displaying information about the event it offers an opportunity to edit the event. When we view the event list in a web browser, we see that data in the 'What' column now displays as a link. Clicking on that link takes us to the editor, which simply displays its class name.
Now we will add true editing. We modify the render content method to show a form with labels and entry fields. (If you don't like the table for styling, hang on a minute...) Using the web browser, we can edit fields in an event and see that they are modified.
Now, we will refactor our form to avoid the use of a table for layout. We create small methods for each element to be edited. Note that instead of table rows we have a div enclosing our elements. Rather than typing each method we are copying them from the tutorial. Finally we modify the render method to call each of our elements.
Now we modify our application to allow the creation of a new event. We add an 'Add Event' anchor to the event list, and see that it shows in the web browser.
Now we would like to demonstrate some other form elements. Rather than having 'who' be a text entry field, we will modify it to use a drop-down list. We make a similar change for the 'what' portion of the event. We will show the where as a text area and modify the CSS to layout the text area. We can modify the report column to show a string for the date/time.
When we refresh the application we see that the 'is game' checkbox shows and hides the game type field. We modify the save method to store a value for the game type field, either home, away, or nil.
We save our new code and quit the Seaside One-Click Experience.
For more information go to seaside.gemstone.com/tutorial.
Standard YouTube License
- 1:00:56 RailsConf 09: Robert Martin, "What Killed Smalltalk Could Kby OreillyMedia29,595 views
- 59:44 Pharo Roadmapby Pharo Days407 views
- 1:01:36 The Heretic Web Framework — Seasideby Lukas Renggli727 views
- 53:28 Pharo from the CommandLineby Pharo Days201 views
- 13:03 Catch the balls, a small mini game demoby Esteban Lorenzano675 views
- 10:31 TDD with BabyMock using pharo smalltalkby zeroflaghu1,959 views
- 6:50 Embedding Seaside Componentsby James Foster541 views
- 7:32 Smalltalk: Getting started with the languageby bwbadger3,953 views
- 4:40 'Hello World' in Seasideby James Foster867 views
- 5:11 Introduccion a Smalltalk/Pharoby Algoritmos Fiuba1,481 views
- 3:38 Torch Visualization Tool for Pharo Smalltalkby Noury Bouraqadi1,064 views
- 7:08 Supporting User Loginby James Foster402 views
- 14:49 Object-Oriented Programming/ Smalltalk (Part 1 of 3)by frank serpico1,374 views
- 46:55 Cincom® VisualWorks® Object Memory Management by Andrés Valloudby STIConference57 views
- 19:35 2. Style Custom HTML Form Fields Tutorial Programming Processby Adam Khoury16,400 views
- 5:16 Squeak Racetrack Tutorialby claytorsj4,334 views
- 42:40 Seaside — On not getting bogged downby Lukas Renggli101 views
- 7:00 Squeak, Rattle & Rollby J.J. Austin1,603 views
- 8:34 Creating Web Forms - Part 3by Ralph Phillips3,703 views
- 2:40 The Self programming language - delegationby Pavel Krivanek1,444 views
- Loading more suggestions...