ダイナミックフォーム（Developer Conference 2018より）

Transcript

1.   
    build your forms on the fly based on context or settings
2. 
    
   
3.  JSON 
    Users ID 232 CustomForm {} Object
4. {} JSON Object
5. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [] }
6. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null ] }
7. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { } } ] }
8. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": { "type": "picture", "picture": "/RESOURCES/forms/images/info.png", "left": 20, "top": 20, "right": 84, "bottom": 84 } } } ] }
9. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": {…}, "label0": { "type": "text", "text": "Please enter your information", "fontFamily": "Helvetica", "fontSize": 18, "left": 94, "top": 40, "right": 480, "bottom": 60 } } } ] }
10. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": {…}, "label0": {…}, "label1":{ "type": "text", "text": "First name", "textAlign": "right", "left": 20, "top": 104, "right": 150, "bottom": 124 }, "firstName": { "type": "input", "enterable": true, "left": 160, "top": 104, "right": 480, "bottom": 124, "dataSource": "[Registration]firstName" } } } ] }
11. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": {…}, “label0": {…}, "label1": {…}, "firstName": {…}, "label2":{ "type": "text", "text": "Last name", "textAlign": "right", "left": 20, "top": 144, "right": 150, "bottom": 164 }, "lastName": { "type": "input", "enterable": true, "left": 160, "top": 144, "right": 480, "bottom": 164, "dataSource": "[Registration]lastName" } } } ] }
12. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": {…}, “label0": {…}, “label1”: {…}, "firstName": {…}, "label2": {…}, "lastName": {…}, "label3":{ "type": "text", "text": "Email Address", "textAlign": "right", "left": 20, "top": 184, "right": 150, "bottom": 204 }, "email": { "type": "input", "enterable": true, "left": 160, "top": 184, "right": 480, "bottom": 204, "dataSource": "[Registration]email" } } } ] }
13. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": {…}, "label0": {…}, "label1": {…}, "firstName": {…}, "label2": {…}, "lastName": {…}, "label3": {…}, "email": {…}, "cancelBtn": { "type": "button", "text": "Cancel", "action": "cancel", "left": 290, "top": 250, "right": 380, "bottom": 280 }, "okBtn": { "type": "button", "text": "OK", "action": "Accept", "left": 390, "top": 250, "right": 480, "bottom": 280 } } }
14. { "windowTitle": "Quick Registration", "width": 500, "height": 300, "pages": [ null, { "objects": { "icon": {…}, "label0": {…}, "label1": {…}, "firstName": {…}, "label2": {…}, "lastName": {…}, "label3": {…}, "email": {…}, "cancelBtn": { "type": "button", "text": "Cancel", "action": "cancel", "left": 290, "top": 250, "right": 380, "bottom": 280 }, "okBtn": { "type": "button", "text": "OK", "action": "Accept", "left": 390, "top": 250, "right": 480, "bottom": 280 } } }