компонент молнии отключает все остальные флажки, если один выбран, и публикует данные выбранного изображения на другой странице молнии - PullRequest
Новая
       9

компонент молнии отключает все остальные флажки, если один выбран, и публикует данные выбранного изображения на другой странице молнии

0 голосов
/ 21 сентября 2019

[! [Введите описание изображения здесь] [1]] [1] Отключение всех других флажков, когда установлен один флажок в клиентском контроллере компонента Lightning

В настоящее время мы отображаем изображения динамически и используем флажки для пользователявыберите конкретное изображение. Как только изображение было выбрано, отключите все другие флажки и передайте данные другому компоненту молнии. 

<aura:component >
    <aura:attribute name="img" type="Map"/>
    <aura:attribute name="checked" type="Boolean" default="false" />

    <aura:attribute name="options" type="List"/>
    <aura:attribute name="value" type="List"/>
    <aura:attribute type="List" name="images" default="['/ed6a99fd0a76647_1280.jpg','/ed6a9369fd0a76647_1920.jpg','/ed6a9364a9fd0a76647.jpg']" />
    <aura:attribute type="String" name="base" default ="https://pixabay.com/get"/>

    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <aura:iteration items="{!v.img.content}" var="item" >
        <aura:if isTrue="{!item.guid!=null}">

        <aura:iteration items="{!item.images}" var="mapValue">
            <div class ="gallery">
             <img src= "{!v.base + mapValue.imageFile}" style="width:200px;height:200px;"/>
             <div class="desc">
             <lightning:input type="checkbox" name="{!mapValue.aspectRatio}" aura:id="{!mapValue.aspectRatio}" value="{!mapValue.aspectRatio+'::'+item.guid}" onchange="{! c.onCheck }"  />
      </div></div>
       </aura:iteration>
        </aura:if>
    </aura:iteration>

</aura:component>


({
onCheck: function(cmp, evt) {
    var capturedCheckboxName = evt.getSource().get("v.value");

     alert(capturedCheckboxName);
}

})

Когда выбрано одно из изображений, флажки других изображений должны быть отключены, и значениеследует разместить на другой странице молнии

...