We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Accordion Disable

Hello , I have a Grid in an Accordion , after filtering I get an empty record.

I want to make accordion disable when grid is empty.

I would be grateful if you help me how can I do that.

Kind regards

Mohammed Abbasi


2 Replies

IL Indhumathy Loganathan Syncfusion Team November 9, 2022 01:29 AM

Hi Mohammad,


Greetings from Syncfusion support.


From the explanation, we were not sure whether you were using the EJ1 or EJ2 Accordion component at your end. Here, we have included our UG documentation for your reference.


EJ1: https://help.syncfusion.com/angular/accordion/getting-started


EJ2: https://ej2.syncfusion.com/angular/documentation/accordion/getting-started/


Please confirm the component. We will assist you based on your confirmation.


Regards,

Indhumathy L



MA Mohammad Abbasi November 9, 2022 02:55 AM

Hi ,

 thanks for the answer but Getting Starts for Accordion is not my answer . 

My question : 

how can you disable Accordion if Grid after filtering by button has no record in it and my Grid is in <ng-template #content > by Accordin.

Sincerely,

 Mohammad Abbasi

<div class="accordion_div">

    <ejs-accordion #Accordion id="Accordion">

        <e-accordionitems>

            <e-accordionitem>

                <ng-template #content>

                    <div id="DiagnoseParentGrid" class="control-section">

                        <ejs-grid #Grid [filterSettings]='filterOptions' [allowFiltering]='true' locale="de" [dataSource]='data' HtmlEncode="False" >

                            <e-columns>

                                <e-column field='test' headerText='test' textAlign='left' width="60"></e-column>

                            </e-columns>

                        </ejs-grid>

                    </div>

                </ng-template>

            </e-accordionitem>

        </e-accordionitems>

    </ejs-accordion>

</div>


Loader.
Live Chat Icon For mobile
Up arrow icon