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

<template>
<lightning-card  title="Accounts with Contacts">
    <lightning:accordion aura:id="accordion" >
    <template if:true={accounts}>
        <template for:each={accounts} for:item="account">
            Account - {account.Name}
            <lightning:accordionSection key={account.id} name="A" label="Accordion Title A">
                <aura:set attribute="body">
                    <template for:each={account.Contacts} for:item="co">
                       <p key={co.Id}> Contact - {co.Name}</p>
                   </template>
                </aura:set>
            </lightning:accordionSection>           

        </template>
   </template>
  </lightning:accordion>
  </lightning-card>
 </template>

APEX:

public class FetchMultipleRecords {

@AuraEnabled(Cacheable=true)
public static List<Account> search() {
return [SELECT Id,Industry, Name ,Type,(SELECT id, Name FROM contacts) FROM 
 Account LIMIT 2];        
}
}

Мои результаты показывают только Аккаунты без контактов. Если убрать гармошку, получаю и аккаунты и контакты вместе.

Дайте мне знать, если я строю это неправильно.

0
MnZ 14 Фев 2020 в 00:32
Это Account - {account.Name}, вероятно, следует поместить в метку раздела аккордеона. label="Accordion Title A" выглядит так, как будто он был скопирован/вставлен из примера.
 – 
gNerb
14 Фев 2020 в 01:13
Кроме того, я не думаю, что aura:set подходит для данного контекста. документы Вам следует ознакомиться с < a href="https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.create_components_slots" rel="nofollow noreferrer">слоты. Аккордеон имеет только слоты actions и default.
 – 
gNerb
14 Фев 2020 в 01:15

1 ответ

Лучший ответ

Вы не можете использовать компоненты Aura в LWC. Вы узнаете, что пытаетесь использовать компонент Aura, потому что в нем будет :. Например, lightning:accordion — это компонент Aura, а lightning-accordion — это компонент LWC. Вам нужно просмотреть правильную документацию. чтобы получить правильный синтаксис. То же самое верно и для lightning:accordionSection по сравнению с lightning-accordion-section.

1
sfdcfox 14 Фев 2020 в 03:21
Я смог добиться, с правильной документацией
 – 
MnZ
10 Июн 2021 в 05:13