Question

我已经能够使用costum模板创建自己的字段。这个字段包含一个textField，后跟最后一个按钮，在同一行，但是我遇到了一个问题。

当我使用form.getValue（）时，它会返回原始值，我的意思是，如果我修改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>

所以最大的区别是我们不再精确“输入类型”，因此我们不会将所有有用的函数覆盖为getValue等。

随意添加一些解释！：d

getValue无法处理自定义模板

1 个答案: