Mh am 17. Februar 2015 um 17:33 Uhr

2015-02-17T17:33:21Z

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module creates a table for any kind of data for you in a resource view. Please have a look at the other [[PoNG_Modules#Standard_Modules…“

2014-03-30T16:37:27Z

Die Seite wurde neu angelegt: „Category:PoNGThis module creates a table for any kind of data for you in a resource view. Please have a look at the other [[PoNG_Modules#Standard_Modules…“

Neue Seite

[[Category:PoNG]]This module creates a table for any kind of data for you in a resource view.

Please have a look at the other [[PoNG_Modules#Standard_Modules_coming_with_PoNG|standard modules coming with PoNG]].

== Usage in "structure" ==
Simply <code>"type": "pong-table"</code> to the <code>rows</code> or <code>cols</code> resource. Example [[PoNG Structure Specification|structure file]] extract:
{
"layout": {
...
"rows": [
{
"rowId": "bla",
"resourceURL": "Products",
'''"type": "pong-table"''',
...
},
...
],
...
}

== Definition of the Table ==
The resource will load the table definition from the URL <code>../svc/XYZ/pong-table</code>

Example JSON definiton from <code><nowiki>../svc/<resourceUrl>/pong-table</nowiki></code>
{
"dataURL": "data",
"filter" : {
"dataReqParams": [ {"id":"productSearchString", "label":"Product"}, {"id":"productType", "label":"Type"} ],
"dataReqParamsSrc": "Form"
},
"rowId": "productId",
"cols" : [
{ "id": "name", "label": "Name", "cellType": "text" },
{ "id": "descr", "label": "Description", "cellType": "text" },
{ "id": "img", "label": "Picture", "cellType": "img" },
{ "id": "addToOrder", "label": "Add", "cellType": "button" }
],
"maxRows":"10"
}

The <code>"filter"</code> is optional.

Available column types:
* text
* img
* linkLink (link text is "link")
* button

Special definitions for "cols":
* tooltip (label is the id of the column, where tool tip should be applied)

The data will be requested from the URL <code><nowiki>svc/<resourceURL>/<dataURL>?productSearchString=<productSearchString>&productType=<productType></nowiki></code>.
The <code>dataReqParams</code> will be looked up in the session map. You can use e.g. [[PoNG Module: Form View]] to set these values in the session map.

Options for <code>dataReqParams</code>:
* Form
* SessionMap (only prepared in v0.1)

The button will do an asynchronous POST the <code><nowiki>svc/<resourceURL>/<id of button>?rowId=<rowId></nowiki></code> to the resource.
In the example above this will be posted (productId of the row may be 1234): <code>svc/Products/addToOrder?rowId=1234</code>

== Simple example ==
[[Datei:Pong-Table1.png]]

{
"dataURL": "data",
"dataReqParams": [ {"id":"productSearchString", "label":"Product"}, {"id":"productType", "label":"Type"} ],
"dataReqParamsSrc": "Form",
"rowId": "productId",
"cols" : [
{ "id": "name", "label": "Name", "cellType": "text" },
{ "id": "link", "label": "Data Sheet", "cellType": "linkLink" },
{ "id": "descr", "label": "name", "cellType": "tooltip" },
{ "id": "img", "label": "Picture", "cellType": "img" },
{ "id": "order", "label": "Add", "cellType": "button" }
],
"maxRows":"5"
}

== Table CSS ==
You can use the following CCS elements to define thy style of the table:
* Table ID: #<resId>ContentPongTable
* Table class: pongTable
* optional Form DIV ID: #<resId>ContentPongTableFrm
* optional From DIV class: pongTableFrm

PoNG Module: Table View - Versionsgeschichte

Mh am 17. Februar 2015 um 17:33 Uhr

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module creates a table for any kind of data for you in a resource view. Please have a look at the other [[PoNG_Modules#Standard_Modules…“