[Solved] Listbox with Grouping

[Enrico]

Hi,

I'm trying to add a group in my listbox.

But seems my code below is not working.

It only shows unidentified.

$("#optional").kendoListBox({
                    connectWith: "selected",
                    dataTextField: "Name",
                    dataValueField: "Name",
                    selectable: "multiple",
                    template: myTemplate,
                    groupable: true,
                    toolbar: {
                        tools: ["transferTo", "transferFrom", "transferAllTo", "transferAllFrom"]
                    },
                    dataSource: {
                        transport: {
                            read: {
                                url: "getmember" + id,
                                dataType: "json"
                            },
                            schema: {
                                model: {
                                    fields: {
                                        Name : { type: "string" },
                                        Id: { type: "string" },
                                        Location: { type: "string" }
                                    }
                                }
                            }
                        },
                        group: {
                            field: "Location"
                        }
                    },
                    columns: [
                        {
                            field: "Name",
                            title: "Name"
                        },
                        {
                            field: "Location",
                            title: "Location"
                        }
                    ]
                });

[Enrico]

Correction:

It only shows undefined.

[Enrico]

Hi, Any update?

Here's the sample dojo.

[Alex Hajigeorgieva]

Hi, Enrico,

Unfortunately, the Kendo UI ListBox does not offer such functionality out of the box. If this functionality is important to you, I would suggest logging a feature request in our UserVoice forum. The most popular ideas get included in our future planning for implementation:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback?category_id=206113

Meanwhile, you can use the Kendo UI MultiSelect which features the desired grouping:

https://demos.telerik.com/kendo-ui/multiselect/grouping

Finally, I did try to bend the current design of the Kendo UI Listbox, to appear grouped, so you can use this approach if you desire, however, any such customizations always carry some risks.

https://dojo.telerik.com/IHuREfOK



Let me know if you have further questions.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

[Enrico]

Exactly what I need. Thank you very much!

I'm also done posting a feature request in UserVoice forum.

[Alex Hajigeorgieva]

Hi, Enrico,

I am pleased to see that my suggestion helped.

I can see that the UserVoice item you created has already collected few votes and I wanted to update the forum thread with it in case anyone else is brought here so they can support it:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/35506312-add-ability-to-group-data-in-listbox

Kind Regards,
Alex Hajigeorgieva
Progress Telerik