Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module enables you to use forms in modal dialogs in PoNG. Typically you can add a configuration dialog to your resource view. You o…“

2014-03-30T16:41:58Z

Die Seite wurde neu angelegt: „Category:PoNGThis module enables you to use forms in modal dialogs in PoNG. Typically you can add a configuration dialog to your resource view. You o…“

Neue Seite

[[Category:PoNG]]This module enables you to use forms in modal dialogs in [[PoNG]].

Typically you can add a configuration dialog to your resource view. You only have to define the fields of the configuration form, that's it.

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

== Usage in "structure" ==
Simply add a action to the <code>actions</code> array with <code>"type": "modal-form"</code>

Example [[PoNG Structure Specification|structure file]] extract:
{
"layout": {
...
"rows": [
{
"rowId": "bla",
"resourceURL": "XYZ",
...
"actions" : [ '''{ "actionName": "Config", "type": "modal-form" }''', ... ]
},
...
],
...
}

== Definition of the form ==
This modal-form module will then generate a form. The field definition is loaded from the URL <code>../svc/XYZ/modal/Config/meta</code>

Example definiton from <code><nowiki>../svc/<resourceUrl/modal/<actionName>/meta</nowiki></code>
{
"propertiesList" : [
{ "name" : "a", "type" : "text", "label": "Bla" },
{ "name" : "b", "type" : "int", "label": "Blub" }
],
"width": "800",
"height": "600"
}

Available types:
* text
* password
* int
* textarea

Result:

[[Datei:PoNG-Module Modal-Form.png]]

== Interaction with the resource ==
The values are loaded with a GET call to <code><nowiki>../svc/<resourceUrl/modal/<actionName>?<name></nowiki></code>. Name is the value of name in the properties list.

The form will submit its values using POST to <code><nowiki>../svc/<resourceUrl/modal/<actionName></nowiki></code>.

PoNG Module: Modal Form Dialog - Versionsgeschichte

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module enables you to use forms in modal dialogs in PoNG. Typically you can add a configuration dialog to your resource view. You o…“