羊驼形成,每个领域一个单选按钮

时间:2018-05-14 12:54:57

标签: radio-button alpacajs

我正在使用羊驼,我遇到了问题 我有几个字段,预先填充了JSON数据。有些字段在readOnly上,所以我无法修改它们,但是,我希望有可能“解锁”它们并修改它们。为此,我想将一个单选按钮与每个字段相关联,表示字段是否被锁定 问题是我不知道如何将单选按钮关联到每个字段,如果可能的话,我甚至不知道!

我希望你们能够帮助我!:)

1 个答案:

答案 0 :(得分:0)

部分解决方案:

我可以使用自定义模板将按钮关联到每个字段。除了检索值之外,它正常工作。做一个$(" #div")。羊驼(" 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>

要使用它,我使用羊驼选项:

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