"Select All" on each sub-group (optgroup)

[gonzalo-massa]

Hi,
Is there an easy way to add the same behavior of the "Select all" inside each group? I've been looking at the source code and I'm not sure how much of the current code will I be able to reuse.

Can you give me a hint on how to reach a solution?

Thank you!

[jsvnadmin]

Hi,
Can you add select all feature to optgroup at next version?

Thank you!

[Zenoo]

This isn't possible with the current version.
Please upvote the issue if you would want this feature.
I'll get around to it once I resolve all current issues.

[mbardelmeijer]

This would be awesome to have, 👍 from us.

[Zenoo]

Feel free to open a PR for this, if you feel like it, I don't have the time to handle it right now. 🚀

[mbardelmeijer]

Haha yeah same here. Happy to support sponsored development for it though.

[williamtworth]

If it helps anyone, I have achieved the desired functionality using the following method:

const ss = $("select");
ss.SumoSelect();

    ss.parent().find("li.group").on("click", function (e) {

        if (e.target) {
            if($(e.target).parents("li:first").hasClass("opt")){
                return;
            }
        }

        if ($(this).hasClass("g-selected")) {
            $(this).find(".opt.selected").each(function () {
                $(this).find("span").trigger("click");
            });
        } else {
            $(this).find(".opt:not(.selected)").each(function () {
                $(this).find("span").trigger("click");
            });
        }
        $(this).toggleClass("g-selected");

    });