How can I create a table in Application Designer?

,
1

How can I create a table in Application Designer?

I need the create a simple table with 2 columns (header names ‘X’ and ‘Y’) and then 5 rows underneath the header where I can enter values. How do I achieve this using SAG Application Designer?

Thanks,
Vikas

2

Hi Vikas,

You can simply use the textgridsss2-control for your table. In Layout Painter editor of Application Designer:

  • From the “Grids/Trees” group in the palette: Drag a “Textgrid with Server Side Scrolling” into the pagebody of your layout. This creats a table with 1 column.
  • You can drag more columns into your textgridsss2 control from the palette. Use the control “Textgrid column” to do this.
  • For the server-side Java implementation have a look at the Application Designer documentation and the demos. Documentation Chapter: “Layout Elements”/“Working with Grids”. In the demos-workplace under “Normal Controls” you’ll find a “Text Grid” example.

Best Regards,
Christine

3

mmmmh - I guess textgrid is not the best approach here as direct grid input seems to be required. So best to use a control grid (ROWTABLEAREA2 tag). The grid allows to define columns with any type of input control (text input, combo box,…). Have a look zo documentattion, chapter “ROWTABLEAREA2 - The Flexible Control Grid” is the perfect place to read through when using the grid the first time.

4

Ah yes, you are right Martin. I missed, that values should be entered on client side.

Best Regards,
Christine

5

Hello Chrsitine/Martin,

Thanks for the suggestion but I need an example to create create a static table where I need 1 row for header with columns
being ‘Airline’, ‘Date’,‘Time’,‘From’,and ‘To’. In that table I need 2 rows
for data. How do I get the data from these 2 rows into Interstage BPM udas?

Thanks,
Vikas

6

Two comments: Airline/From/To are string input fields, Date/Time column have dedicated type. The number of rows is specifified with ROWCOUNT attribute at grid tag.

7

OK, same post but now also showing the attributes at tags (missing in post above)


rowtablearea2 rowcount="2" griddataprop="flightConnections" firstrowcolwidths="true" width="100%"
    tr
        gridcolheader name="Airline" propref="airline" width="50%"
        gridcolheader name="Date" propref="date" width="10%"
        gridcolheader name="Time" propref="time" width="10%"
        gridcolheader name="From" propref="from" width="15%"
        gridcolheader name="To" propref="to" width="15%"      
     /tr
     repeat
         tr
             field valueprop="airline" width="100%"
             field valueprop="date" datatype="date" width="100%"
             field valueprop="time" datatype="time" width="100%"
             field valueprop="from" width="100%"
             field valueprop="to" width="100%"          
         /tr
     /repeat
/rowtablearea2
8

I agree with given idea. Simply, follow the instructions & you can go easily in drawing table in application designer. Dont forget any of the attribute tags.