При нажатии кнопки «Добавить» строки ниже всегда будут добавляться одна под другой.

Сегодня у меня проблема, в которой добавляются два элемента в строке.

Правильный путь:

enter image description here

Como está hoje (эррадо):

enter image description here

Мой текущий код:

<div class="slds-form slds-form_stacked">
          <lightning:layout>
            <c:LookupComponent objectName="CIDs__c" fieldName="Name" campos="Id, Name" campoordenacao="Name"
              label="CID" labelitalico="(busque pelo nº do CID ou pelo nome da doença)"
              messageLookup="Mostrar todos os CIDs com essa descrição"
              placeholder="Digite ao menos 3 iniciais do CID ou nome da doença" />
            <lightning:button class="btnAddRemoveCID" name="addbtn" title="Adicionar outro CID" type="button"
              label="ADICIONAR OUTRO CID" onclick="{!c.addCIDrow}"></lightning:button>
          </lightning:layout>
          <lightning:layout multipleRows="true" class="slds-grid_horizontal max-1">
            <aura:iteration items="{!v.listaCID}" indexVar="index">
              <lightning:layoutItem>
                <c:LookupComponent objectName="CIDs__c" fieldName="Name" campos="Id, Name" campoordenacao="Name"
                  label="CID" labelitalico="(busque pelo nº do CID ou pelo nome da doença)"
                  messageLookup="Mostrar todos os CIDs com essa descrição"
                  placeholder="Digite ao menos 3 iniciais do CID ou nome da doença" />
                  <lightning:button class="btnAddRemoveCID" name="{!index}" title="Remover CID" type="button"
                  label="REMOVER" onclick="{!c.removeCIDsrow}"></lightning:button>
              </lightning:layoutItem>
            </aura:iteration>
          </lightning:layout>

          <lightning:layout class="slds-m-bottom_x-small textArea">
            <lightning:textarea label="Utilize o espaço para alguma observação, caso necessário (opcional)"
              variant="standard"></lightning:textarea>
          </lightning:layout>
        </div>

JS:

    addCIDrow: function (component, event, helper) {
    helper.addCIDrow(component);
}

ПОМОЩНИК:

    addCIDrow: function (component, event, index) {
    var listaCID = component.get("v.listaCID");
    listaCID.push("");
    component.set("v.listaCID", listaCID);
}

Пожалуйста помоги!

1
user69416 4 Июн 2019 в 20:39

1 ответ

Лучший ответ

Просто установите размер 12, и вы получите одну строку для каждого элемента.

<lightning:layoutItem size="12">
0
sfdcfox 4 Июн 2019 в 21:06