Динамически создавать ввод в молнии - PullRequest
0 голосов
/ 29 ноября 2018

Я создаю компонент молнии с текстовым полем и раскрывающимся списком, и вот мой код.

<lightning:card footer="" title="">
<div class="slds-col slds-size_1-of-2">
            <lightning:input name="input1" value="User 1"/>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <div class="slds-form-element">
                <label class="slds-form-element__label" for="select-01"></label>
                <div class="slds-form-element__control">
                    <div class="slds-select_container">
                        <select class="slds-select" id="select-01">
                            <option value="">Please select</option>
                            <option>Spouse</option>
                            <option selected="true">Dependent</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <lightning:input name="input1" value="Jack Adams"/>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <div class="slds-form-element">
                <label class="slds-form-element__label" for="select-01"></label>
                <div class="slds-form-element__control">
                    <div class="slds-select_container">
                        <select class="slds-select" id="select-01">
                            <option value="">Please select</option>
                            <option>Spouse</option>
                            <option selected="true">Dependent</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
       <lightning:button label="Create a new row" title="Neutral action" onclick="{!c.AddNewRow}"/>
</lightning:card>

Здесь, в основном, когда я нажимаю на кнопку, я хочу создать

<div class="slds-col slds-size_1-of-2">
            <lightning:input name="input1" value="Jack Adams"/>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <div class="slds-form-element">
                <label class="slds-form-element__label" for="select-01"></label>
                <div class="slds-form-element__control">
                    <div class="slds-select_container">
                        <select class="slds-select" id="select-01">
                            <option value="">Please select</option>
                            <option>Spouse</option>
                            <option selected="true">Dependent</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

и добавьте его раньше </lightning:card>.

Я пытался просмотреть другие сообщения, но не смог найти способ создания простых текстовых полей и раскрывающихся списков по щелчку мыши.

другие решенияуказывают мне на классы Apex.но здесь мне не нужно извлекать / сохранять данные, просто создайте текстовые поля.

пожалуйста, дайте мне знать, как мне это сделать.

Спасибо

...