Alpaca 表单，每个字段一个单选按钮

Question

我正在使用 Alpaca，但遇到了问题。
我有几个字段，预先填充了 JSON 数据。其中一些字段是只读的，所以我不能修改它们，但是，我希望有可能“解锁”它们并修改它们。为此，我想为每个字段关联一个单选按钮，表示该字段是否被锁定。
问题是我不知道如何将单选按钮关联到每个字段，我什至不知道这是否可能！

我希望你们能帮助我！:)

Answer 1

部分解决方案：

我可以使用自定义模板为每个字段关联一个按钮。它工作正常，除非是在检索值时。执行 $("#div").alpaca("get").getValue() 将返回原始值，即已加载该字段的值，但不返回修改后的值。

要了解有关此问题的更多详细信息：StackOverflow topic

模板代码来了：

<script type="text/x-handlebars-template" id="input-group-addon-template">
    <div class="input-group">
    <input type="{{inputType}}" value="{{data}}" id="{{id}}" {{#if options.placeholder}}placeholder="{{options.placeholder}}"{{/if}} {{#if options.size}}size="{{options.size}}"{{/if}} {{#if options.readonly}}readonly="readonly"{{/if}} {{#if name}}name="{{name}}"{{/if}} {{#each options.data}}data-{{@key}}="{{this}}"{{/each}} {{#each options.attributes}}{{@key}}="{{this}}"{{/each}}/>
        <div class="input-group-btn" id="{{id}}-basic-btn"> 
        <button class="btn btn-default" id="{{id}}-button" onclick="test(event)" >
            <i {{#if options.readonly}}class="fa fa-lock"{{else}}class="fa fa-unlock"{{/if}}></i> 
        </button>
       </div>
   </div>
</script>

要使用它，我使用的是 alpaca 选项：

$("#object_details").alpaca({
                "schema": ...,
                "data": ...,
                "options": {
                    "view": {
                        "templates": {
                            "control-text":"#input-group-addon-template"
                        }
                    }
                }
            }