getValue 不适用于自定义模板

Question

我已经能够使用服装模板制作自己的场地。该字段包含一个 textField，后面是按钮，位于同一行，但我遇到了一个问题。

当我使用 form.getValue() 时，它会 return 原始值，我的意思是，如果我修改 1 个字段然后执行 getValue()，则修改不会可见，我仍然会得到加载表单时的值。

我很确定我的模板有问题，但我不知道该怎么办！ :(

这是我的模板代码：

{% raw %}
<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>
{% endraw %}
<script>

Answer 1

在一些帮助下，我已经能够让它工作了。所以我只需要修改模板，新模板：

<script type="text/x-handlebars-template" id="input-group-addon-template">
    <div class="input-group">
        {{#control}}{{/control}}
        <div class="input-group-btn" id="{{id}}-basic-btn" > 
            <button class="btn btn-default" id="{{id}}-button" onclick="click_function(event)" >
                <i {{#if options.readonly}}class="fa fa-lock"{{else}}class="fa fa-unlock"{{/if}}></i> 
            </button>
        </div>
    </div>
</script>

所以最大的区别是我们不再精确 "input-type" 这样我们就不会覆盖所有有用的函数，如 getValue 等

欢迎补充说明！ :D

getValue 不适用于自定义模板

getValue not working on custom template

html

javascript

alpacajs