Я использую компонент ауры <lightning:checkboxGroup /> для отображения списка файлов, которые можно выбрать, а затем удалить. Все это работает нормально. Мой вопрос заключается в том, можно ли сделать имя каждого файла (метку), отображаемое в виде гиперссылки, без необходимости переделывать весь компонент. Требование состоит в том, чтобы сделать имя файла гиперссылкой, чтобы пользователь мог щелкнуть, чтобы открыть его, и убедиться, что это правильный файл, прежде чем выбрать его (отметив флажок) и затем удалить. Я не вижу возможности сделать это гиперссылкой. Или есть другой вариант?

<aura:attribute name="recordId" type="String" />
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:attribute name="selectedFiles" type="List" />
<aura:attribute name="fileList" type="List" />
<aura:attribute name="noFiles" type="Boolean" />
<aura:attribute name="showConfirmDialog" type="boolean" default="false"/>

<aura:if isTrue="{!v.noFiles}">
    <lightning:card title="There are currently no Files related to this record." />
    <aura:set attribute="else">
        <lightning:card title="Delete Files">
            <div class="slds-m-left_small">
                <lightning:checkboxGroup aura:id="checkbox"
                                        name="Checkbox Group"
                                        options="{!v.fileList}"
                                        value="{!v.selectedFiles}"/>
                <lightning:button type="submit" name="delete" label="Delete Selected Files" class="slds-button_brand" onclick='{!c.onSubmit}'/>
            </div>
        </lightning:card>
    </aura:set>
</aura:if>

<aura:if isTrue="{!v.showConfirmDialog}">
        <!--Modal Box Start-->
        <div role="dialog" class="slds-modal slds-fade-in-open ">
            <div class="slds-modal__container">
                <!--Modal Box Header Start-->
                <header class="slds-modal__header">
                    <h1 class="slds-text-heading--medium">Confirmation</h1>
                </header>
                <!--Modal Box Header End-->
                 
                <!--Modal Box Content Start-->
                <div class="slds-modal__content slds-p-around--medium">
                    <center><b>This action will delete the selected file. Please continue or cancel below.</b></center>
                </div>
                <!--Modal Box Content End-->
                 
                <!--Modal Box Button Start-->
                <footer class="slds-modal__footer">
                    <lightning:button name='No' label='Cancel' onclick='{!c.handleConfirmDialogNo}'/>
                    <lightning:button variant="brand" name='Yes' label='Continue' onclick='{!c.handleConfirmDialogYes}'/>
                </footer>
                <!--Modal Box Button End-->
            </div>
        </div>
        <div class="slds-backdrop slds-backdrop--open"></div>            
    </aura:if>
0
Dman100 1 Июн 2021 в 22:41

1 ответ

Лучший ответ

Нет, в этом компоненте нельзя делать гиперссылки. Как насчет использования таблицы молниеносных данных, которая дает вам возможность выбирать строки и иметь гиперссылки?

0
sfdcfox 1 Июн 2021 в 22:55
Привет @sfdcfox Я боялся, что мне придется переделывать компонент. Спасибо за разъяснения! Я переключусь на использование молниеносной таблицы, как вы предложили.
 – 
Dman100
1 Июн 2021 в 23:16