Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module creates a view of a record and details tables for any associated data in a resource view. Please have a look at the other [[PoNG…“

2014-03-30T16:38:33Z

Die Seite wurde neu angelegt: „Category:PoNGThis module creates a view of a record and details tables for any associated data in a resource view. Please have a look at the other [[PoNG…“

Neue Seite

[[Category:PoNG]]This module creates a view of a record and details tables for any associated data in a resource view.

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

Requires: [[PoNG Module: Table View|PoNG Table View]]

== 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-master-details"''',
...
},
...
],
...
}

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

Example JSON definition from <code><nowiki>../svc/<resourceUrl>/pong-master-details</nowiki></code>
{
"label": "Customers",
"description": "CRM demo data",
"searchFilter": {
"searchFields": [ {"id":"name", "label":"Name"}, {"id":"phone", "label":"Phone"} ]
},
"fields" : [
{ "id": "customerId", "label": "ID", "cellType": "id" },
{ "id": "name", "label": "Name", "cellType": "text" },
{ "id": "phone", "label": "Phone", "cellType": "text" },
{ "id": "addr", "label": "Address", "cellType": "text" }
],
"associations" : [
{ "resourceURL": "svc/demoOrders", "label":"Customers Orders", "tableDef": "detail-tbl-meta" },
{ "resourceURL": "svc/blog", "label":"Messages from Customer", "listDef": "pong-list", "filterField":"authorID" }
]
}

For the associations you must provide a [[PoNG Module: Table View|table view]] definition at the specified resourceURL.
The field <code>tableDef</code> is optional, by default it will use <code>pong-table</code> for the columns definition of the details table view.
An alternative to <code>tableDef</code> is <code>listDef</code>, which triggers to render a [[PoNG Module: List View|list view]] instead of a table.

If the ID field of the details view differs from the master ID name, you have to define it as <code>"filterField":"<details ID column name"</code>

== Simple example ==
This is the result of the definition above:

[[Datei:PoNG-MasterDetails.png]]

== CSS ==
You can use the following CCS elements to modify thy styles:
* TODO

PoNG Module: Master Details View - Versionsgeschichte

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module creates a view of a record and details tables for any associated data in a resource view. Please have a look at the other [[PoNG…“