Формы альпаки, один переключатель на поле - PullRequest
Новая
       19

Формы альпаки, один переключатель на поле

0 голосов
/ 14 мая 2018

Я использую Альпака, и у меня возникла проблема.
У меня есть несколько полей, предварительно заполненных данными JSON.Некоторые из этих полей доступны только для чтения, поэтому я не могу их изменить, НО, мне бы хотелось иметь возможность «разблокировать» их и изменить.Для этого я хотел бы назначить радиокнопку каждому полю, представляющую, заблокировано ли поле или нет.
Проблема в том, что я не знаю, как связать радиокнопку с каждым полем, и даже не знаю, еслиэто возможно!

Надеюсь, что вы, ребята, сможете мне помочь! :) 1005 *

1 Ответ

0 голосов
/ 17 мая 2018

ЧАСТИЧНОЕ РЕШЕНИЕ:

Я могу связать кнопку с каждым полем, используя собственный шаблон. Он работает правильно, за исключением случаев, когда нужно получить значение. Выполнение $ ("# div"). Alpaca ("get"). GetValue () вернет исходное значение, значения, которые были загружены с полем, но не измененное значение.

Чтобы получить более подробную информацию об этой проблеме: Тема StackOverflow

И вот код шаблона: 

<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"
                        }
                    }
                }
            }
...