[Solved] Capture Which Panel is Expanded in Javascript

[Darren]

I am having trouble figuring out which panel is expanded in the OnExpand client-side event.  I have a panel that allows multiple items to be expanded, and I need to figure out which item is expanded/collapsed.  My code for the panel is below.  Any help would be greatly appreciated.

Thanks,

-Darren

@{Html.Telerik().PanelBar()

    .Name("pnlUserForm")

    .ClientEvents(e => e.OnExpand("pnlUserForm_OnExpand").OnCollapse("pnlUserForm_OnCollapse"))

    .Items(i =>

    {

        i.Add()

            .Text("User Information")

            .Expanded(true)

            .Content(

                @<text>

                    <span id="validationErrors" class="errorMessage noDisplay"></span>

                                                ...

                 </text>);

        i.Add()

            .Text("Contact Information")

            .Content("This is the Contact Panel");

 

        i.Add()

            .Text("Positional Responsibilities")

            .Content("Positional Responsibilities");

 

        

            i.Add()

                .Text("Account / Password Management")

                .Content(

                @<text>

                    <div class="container" style="height: 200px;">

                        ...

                    </div>

                </text>);

 

        }

 

        i.Add()

            .Text("View Permissions")

            .Content("Permissions Panel");

    })

    .Render();

 }

[Kamen Bundev]

Hi Darren,

All expanded panels have the .t-state-active CSS class applied on the item (LI element), you can use this class to find them.

Regards,
Kamen Bundev
the Telerik team

[Darren]

Thanks, Kamen. However, I am allowing multiple panels to be open at once. So, what I really need to know is which panel was clicked/expanded.

[Kamen Bundev]

Hi Darren,

The OnExpand/OnCollapse events return an argument with item property that holds the currently expanding/collapsing item element.

Kind regards,
Kamen Bundev
the Telerik team

[Darren]

Got it! Thank you very much!