羊驼-当架构对象是数组类型时，如何设置布局模板？

Question

Is there a way to set a View template for an array list object inside the schema?

I found the Documentation about the layout, but it does not work in my case, because my schema contains only an array of object with multiple fields inside. On page load i don't get any error, and my alpaca object contains the template i added without the records inside of it.

 var Schema = { "title": "Lista controlli", "type": "array", "items": { "type": "object", "title": "Controllo Lavorazione", "properties": { "Id": { "title": "Id", "type": "string" }, "Tipo": { "title": "Tipo controllo", "type": "number", "required": true, "enum": [1, 2, 3, 4] }, "Obbligatorio": { "required": true }, "Nome": { "title": "Nome", "type": "string", "required": true }, "Sigla": { "title": "Sigla", "type": "string", "required": true }, "Posizione": { "title": "Posizione", "type": "number" }, "Valore": { "title": "Valore", "type": "number", "required": true }, "UM": { "title": "Unita Misura", "type": "string" }, "TolleranzaMeno": { "title": "Tolleranza (-)", "type": "number", "required": true }, "TolleranzaPiu": { "title": "Tolleranza (+)", "type": "number", "required": true }, "Lettura": { "title": "Valore letto", "type": "string" } } } } var Lavorazioni_Options = { "type": "array", "toolbarSticky": true, "items": { "type": "object", "fields": { "Id": { "hidden": true }, "Tipo": { "type": "select", "sort": function(a, b) { if (a.value > b.value) { return 1; } else if (a.value < b.value) { return -1; } return 0; }, "noneLabel": "-- Seleziona --", "removeDefaultNone": false, "showMessages": false, "optionLabels": ["Numerico", "Testo", "Flag", "Nota"] }, "Obbligatorio": { "rightLabel": "Controllo Obbligatorio", "type": "checkbox" }, "Posizione": { "showMessages": false, "hidden": true }, "Nome": { "showMessages": false }, "Sigla": { "showMessages": false }, "Valore": { "hidden": true }, "TolleranzaPiu": { "hidden": true }, "TolleranzaMeno": { "hidden": true }, "UM": { "hidden": true }, "Lettura": { "hidden": true } } }, "focus": false, "helpers": [], "validate": true, "disabled": false, "showMessages": false, "legendStyle": "button", "hideInitValidationError": true } var LavorazioniEdit_Options = { "type": "array", "toolbarSticky": true, "items": { "type": "object", "fields": { "Id": { "disabled": true }, "Tipo": { "type": "select", "sort": function(a, b) { if (a.value > b.value) { return 1; } else if (a.value < b.value) { return -1; } return 0; }, "noneLabel": "-- Seleziona --", "removeDefaultNone": false, "showMessages": false, "optionLabels": ["Numerico", "Testo", "Flag", "Nota"] }, "Obbligatorio": { "rightLabel": "Controllo Obbligatorio", "type": "checkbox" }, "Posizione": { "showMessages": false, "hidden": true }, "Nome": { "showMessages": false }, "Sigla": { "showMessages": false }, "Valore": { "hidden": true }, "TolleranzaPiu": { "hidden": true }, "TolleranzaMeno": { "hidden": true }, "UM": { "hidden": true }, "Lettura": { "hidden": true } } }, "focus": false, "helpers": [], "validate": true, "disabled": false, "showMessages": false, "legendStyle": "button", "hideInitValidationError": true } var LavorazioniArticoli_Options = { "type": "array", "toolbarSticky": true, "items": { "type": "object", "fields": { "Id": { "hidden": true }, "Tipo": { "type": "select", "disabled": true, "sort": function(a, b) { if (a.value > b.value) { return 1; } else if (a.value < b.value) { return -1; } return 0; }, "noneLabel": "-- Seleziona --", "removeDefaultNone": false, "showMessages": false, "optionLabels": ["Numerico", "Testo", "Flag", "Nota"] }, "Obbligatorio": { "rightLabel": "Controllo Obbligatorio", "disabled": true, "type": "checkbox" }, "Posizione": { "showMessages": false, "hidden": true }, "Nome": { "showMessages": false, "disabled": true }, "Sigla": { "showMessages": false }, "Valore": { "multipleOf": 0.01, "showMessages": false }, "TolleranzaPiu": { "multipleOf": 0.01, "showMessages": false }, "TolleranzaMeno": { "multipleOf": 0.01, "showMessages": false }, "UM": {}, "Lettura": { "hidden": true } } }, "focus": false, "helpers": [], "validate": true, "disabled": false, "showMessages": false, "legendStyle": "button", "hideInitValidationError": true } var lavorazioniView = { "parent": "bootstrap-edit-horizontal", "layout": { "template": "<div class='row'><div class='col-md-6' id='column-1'></div><div class='col-md-6' id='column-2'></div></div>", "bindings": { "Id": "column-1", "Posizione": "column-2", "Tipo": "column-1", "Obbligatorio": "column-2", "Nome": "column-1", "Sigla": "column-2", "Valore": "column-1", "UM": "column-2", "TolleranzaMeno": "column-1", "TolleranzaPiu": "column-2", "Lettura": "column-1" } } } $(function() { $('#jsoneditor').alpaca({ "schema": Schema, "options": Lavorazioni_Options, //"view": lavorazioniView }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.0/handlebars.js"></script> <script src="https://code.cloudcms.com/alpaca/1.5.23/bootstrap/alpaca.min.js"></script> <link href="https://code.cloudcms.com/alpaca/1.5.23/bootstrap/alpaca.min.css" rel="stylesheet" /> <div id="jsoneditor" class="jsoneditor-wrapper"></div> 

Thanks in advance

Answer 1

It looks like currently this is not possible. There is an outstanding issue on the alpaca repo for this.

https://github.com/gitana/alpaca/issues/549

"Layout bindings only works for the top level schema elements but not for sub-elements."

Sorry if this ruins your day (like it would mine).