Select all / deselect all toggle - multiselect dropdown

[RedOchrePM]

It would be useful to be able to toggle all-on / all-off, especially for long dropdown lists:

[s-cork]

Do you fancy writing the pr?
It's a fairly easy implementation.
(Approximately 4 lines of code)

https://developer.snapappointments.com/bootstrap-select/methods/

You just have to hook into the api above with a select_all and deselect_all method in anvil.
You can see this working with the unsupported api.

self.multil_selecet_drop_down._el.selectpicker("selectAll")

[RedOchrePM]

Um, I’m not a developer… happy to have a go, but don’t want to break anything. I’ve also just realised that the .selectpicker('render') method would be super useful. From: stu ***@***.***> Sent: Thursday, 21 October 2021 7:53 PM To: anvilistas/anvil-extras ***@***.***> Cc: Matt Hogben ***@***.***>; Author ***@***.***> Subject: Re: [anvilistas/anvil-extras] Select all / deselect all toggle - multiselect dropdown (Issue #189) Do you fancy writing the pr? It's a fairly easy implementation. (Approximately 4 lines of code) https://developer.snapappointments.com/bootstrap-select/methods/ You just have to hook into the api above with a select_all and deselect_all method in anvil. You can see this working with the unsupported api. self.multil_selecet_drop_down._el.selectpicker("selectAll") — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#189 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AQ77FHP3WPB7T3VTRLNCZILUH75IDANCNFSM5GN3AT5Q>. Triage notifications on the go with GitHub Mobile for iOS<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[s-cork]

@RedOchrePM - No pressure - it just seems like a nice first pr if that's not something you're used to.

You'll want to follow the steps in the Contribution guide.
If you get stuck just add to this thread.

[theref]

Hi, I thought I'd have a go at getting this added. From looking at the current code, I believe I need something along the lines of:

    def select_all(self, **event_args):
        self._el.selectpicker("selectAll")

    def deselect_all(self, **event_args):
        self._el.selectpicker("deselectAll")

added to the MultiSelectDropDown class. I'm not sure how to add in buttons within the dropdown for this functionality though.

[s-cork]

If you look at the examples from here - https://developer.snapappointments.com/bootstrap-select/examples/

There's an example that has those buttons using an attribute we can add to the initialisation of the component. You might see some other examples in the set up for the component.

Not sure what the property should be called. include_select_buttons seems a bit long.

[theref]

Got it working and have submitted a PR. Thanks for your help!