Grouping when binding to Local Data

[Robert]

 

Is it possible to using the new grouping when binding to local data?

 My current code is:

.DataSource(ds => ds
    .Custom()
    .Group(g => g.Add("ParentTaskName", typeof(string)))
    .Transport(transport => transport
        .Read(read =>
        {
            read.Action("TaskEditor_Read", "TimeEntry").Data("GetClosestTicketId()");
        })))

I, however, don't want to use a datasource, I want to bind my dropdown to local data using .BindTo(.....) but still group by the ParentTaskName.

Is this possible?

[Georgi Krustev]

Hello Robert,

The group option can be defined only though the DataSource fluent method. Hence you will not be able to combine remote (DataSource) with local (BindTo) data binding. 

Regards,
Georgi Krustev
Telerik

 

 

[Diego]

Is it still impossible to group a dropdown/combo when using local data such as when binding through BindTo?

[Ivan Danchev]

Hello Diego,

Grouping is a functionality of the Kendo UI DataSource. When the widget is bound to local data with the BindTo method DataSource is not configured, so to group the data in such scenarios you would need to use the API (the dataSource's group method), for example:

<div id="container">
    @(Html.Kendo().DropDownList()
            .Name("cars")
            .DataTextField("Text")
            .DataValueField("Value")
            .OptionLabel("Select...")
            .Filter("contains")
            .BindTo(new List<SelectListItem>() {
                new SelectListItem() {
                    Text = "370Z",
                    Value = "Nissan"
                },
                new SelectListItem() {
                    Text = "GT-R",
                    Value = "Nissan"
                },
                new SelectListItem() {
                    Text = "Corolla",
                    Value = "Toyota"
                },
                new SelectListItem() {
                    Text = "Camry",
                    Value = "Toyota"
                },
                new SelectListItem() {
                    Text = "GT-86",
                    Value = "Toyota"
                }
            })
            .HtmlAttributes(new { style = "width: 100%" })
    )
</div>
<script>
    $(document).ready(function () {
        var ddl = $("#cars").data("kendoDropDownList");
        ddl.dataSource.group({ field: "Value" });
        var view = ddl.dataSource.view();
    })
</script>

Regards,
Ivan Danchev
Progress Telerik