Difference between revisions of "Scout/Tutorial/minicrm"
(→Add a search form) |
(→Add a search form) |
||
Line 26: | Line 26: | ||
== Add a search form == | == Add a search form == | ||
− | {{note|Bug| | + | {{note|Bug|With the SR1 (Service Release) of Eclipse Scout the known bug has been fixed.}} |
We created a page with a table listing all the companies in the database. Add a search form that allows users to limit the number of rows returned. | We created a page with a table listing all the companies in the database. Add a search form that allows users to limit the number of rows returned. | ||
{{ScoutLink|Tutorial|minicrm/Add_A_Search_Form| Learn more}} | {{ScoutLink|Tutorial|minicrm/Add_A_Search_Form| Learn more}} |
Revision as of 01:56, 21 September 2011
Scout |
Wiki Home |
Website |
Download • Git |
Community |
Forums • Blog • Twitter • G+ |
Bugzilla |
Bugzilla |
Mini CRM Tutorial
With this tutorial, you'll create a little example application with Scout SDK, where you can enter and edit companies.
Contents
Requirements
This tutorial assumes that you have installed Scout SDK as described in Download and Install Scout SDK
Create New Scout Project
Creating new scout projects is described here. That page also shows how to launch the server and the client.
Get example Database
Follow the instructions on this page to get our small Apache Derby example database.
Set up SQL Service
Now we need to tell the application how to contact the database. How this works is described here.
Write the first Page
A standard Eclipse Scout application consists of pages in a tree structure. A page typically shows data in some sort of table. If you write an application, you need to start with a page. Learn more
You should have a tiny Eclipse Scout application running at the end of this step!
You will end up with the following tree structure for your application:
Standard Outline │ └─Company Table Page
Very simple indeed!
Add a search form
We created a page with a table listing all the companies in the database. Add a search form that allows users to limit the number of rows returned. Learn more
Add a form to edit the data
In order to edit the data in our page, we need to create a context menu to call a form, create the form and the process service it needs to actually select, insert, update (and possibly delete) the data. Learn more
Write the second page
We wrote the company table page, now let's write a top-level person table page. Once we have that, we want to reuse the table page by also using it as a child page for a company. Learn more
You will end up with the following tree structure for your application:
Standard Outline │ ├─Company Table Page │ │ │ └─Person Table Page │ └─Person Table Page
Reorganize the tree
We want to add a web service (in this case we're going to use Bing because it offers a standard interface where as Google no longer does). We'll add it under the companies table page, which will require us to add a page with nodes and reorganize the tree a bit. Learn more
When we're done, the result should look as follows:
Standard Outline │ ├─Company Table Page │ │ │ └─Company Details Node Page ← new │ │ │ └─Person Table Page │ └─Person Table Page