使用 Json 對象更新時，Alpaca setValue 不替換值

Question

使用 Alpaca js 我試圖使用 setValue 來更改字段值
我創建了這個簡單的例子，它是一個單一的輸入表單，當點擊“更新輸入”按鈕時
輸入應更新為新值“新值”
知道為什么它不起作用嗎？

 $(document).ready(function(){ createForm("firstName","First Name","OLD VALUE","string"); }); function updateForm(){ alert(JSON.stringify($("#alpacaForm").alpaca().getValue(), null, " ")); $("#alpacaForm").alpaca().setValue('{"fieldName": "NEW VALUE"}'); } function createForm(fieldName,fieldLable,fieldVal,fieldType){ $("#alpacaForm").alpaca({ "data": { fieldName: fieldVal }, "schema": { "type": "object", "properties": { fieldName: { "type": fieldType, "title": fieldLable } } } }); }

 <!-- jquery --> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!-- bootstrap --> <link type="text/css" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" /> <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <!-- handlebars --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.js"></script> <!-- alpaca --> <link type="text/css" href="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.css" rel="stylesheet" /> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script> <div id="alpacaForm" ></div> <button onclick="updateForm()">update input</button>

Answer 1

Form.setValue應該傳遞一個對象。

 $(document).ready(function() { createForm("firstName", "First Name", "OLD VALUE", "string"); }); function updateForm() { alert(JSON.stringify($("#alpacaForm").alpaca().getValue(), null, " ")); $("#alpacaForm").alpaca().setValue({"firstName": "NEW VALUE"}); } function createForm(fieldName, fieldLable, fieldVal, fieldType) { $("#alpacaForm").alpaca({ "data": { [fieldName]: fieldVal }, "schema": { "type": "object", "properties": { [fieldName]: { "type": fieldType, "title": fieldLable } } } }); }

 <!-- jquery --> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!-- bootstrap --> <link type="text/css" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" /> <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <!-- handlebars --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.js"></script> <!-- alpaca --> <link type="text/css" href="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.css" rel="stylesheet" /> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script> <div id="alpacaForm"></div> <button onclick="updateForm()">update input</button>