Questions on Kendo UI for jQuery Forum

0 answers

3 views

Deselected option in multiselect not getting focus

In the kendo multiselect, when an item is deselected, it does not take the focus from the previously selected item. For example,
https://demos.telerik.com/kendo-ui/multiselect/keyboard-navigation

In the demo, select small, medium, and large in that order.
Open the list and click on small to deselect it.
Open the list and notice that large still has the focus.
The expected behavior is that small would take the focus from large.

Using only the keyboard:

Press the down arrow to open the list.
Using the down arrow and enter keys, select Small, medium, large, and xlarge in that order.
Using the down arrow and enter keys, deselect medium
Use the down arrow to open the dropdown.
Observe that xlarge is focused. The expected behavior would be that medium is focused.
Now select small and deselect large. Notice that small still has the focus.

MultiSelect

updated question on 02 May 2024

1 answer

12 views

Move selected items to top of kendo multiselect

I have a kendo multi-select with a list of items sorted by name (Alaska, California, Delaware, Florida, Georgia...). When a user selects items, I want them to be displayed at the top of the list the next time the list is opened (not to move during the select process). For example, if the user selects Delaware and Florida the new order should be: Delaware (selected), Florida (selected), Alaska, California, Georgia. How would I accomplish this? Note, if it makes a difference, some of my lists are virtualized and some are not. It depends on how many reasonable options I could have. All are using a local JSON data source.

MultiSelect

answered on 29 Apr 2024

0 answers

22 views

How can I sort the multi filter combobox in Kendo Grid mvc

I am trying to sort alphabetically string values inside the multi filter combobox in Kendo Grid to filter. Now it shows randomly there is no any order in mvc. Here is the code

columns.Bound(c => c.EmpName).Title("Employee Name")
.Filterable(filterable => filterable
.Multi(true)

Grid

MultiSelect

View

asked on 13 Mar 2024

1 answer

26 views

Trying to create a multi filter column using the ItemTemplate and from the Enum Data, But ItemTemplate function is not being called

I am trying to create a multifilter from enum data type column using the ItemTemplate. But ItemTemplate Javascript function is not being called and data is not being shown in combobox. Please can you give me a help. Here is the code

Enum Records

public enum EmpTypes
{
    [Display(Name = "Service")]
    Service = 0,
    [Display(Name = "Sales")]
    Sales = 1,
    [Display(Name = "Purchase")]
    Purchase = 2,
    [Display(Name = "Office")]
    Office = 3
}

Kendo Grid

columns.Bound(c => c.EmpTypes).Title("Type")
        .Filterable(filterable => filterable
            .Multi(true)
            .UI(“”).DataSource(s=>s.Read(r=>r.Action(“GetEmpTypes”,”Report”)))
            .ItemTemplate(“typetemplate”));
<script>
 function typetemplate(e)
{
  alert('Test');
}

</script>

Action Method in MVC controller

Public ActionResult GetEmpTypes()
{
 List<EmpType> emptypes = new List<EmpType>();
emptypes.Add(EmpType.Sales)
emptypes.Add(EmpType.Report)
return Json(emptypes,JsonRequestBehavior.AllowGet);
}

answered on 13 Mar 2024

1 answer

25 views

Duplicate Ajax call on specifying minLength on kendo multiselect

https://dojo.telerik.com/@AleksandarEvangelatov/OYeTIRod

During the close event, I observed a second Ajax call. Is this expected behavior?

after typing cha

after the close event

MultiSelect

answered on 30 Nov 2023

0 answers

45 views

I want to create a multiple charts in one chart with data type as array of array

So I have data in this format

{

name: health

data:[[1,2],[2,2],[3,4]]

type:"area"

visible:true

},

{

name: health2

data:[[1,2],[2,2],[3,4]]

type:"line"

visible:true

}
I have attached a screenshot of what i want to achieve need guidance to do this I'm new to kendo .

asked on 28 Oct 2023

1 answer

50 views

I need to make a MultiSelect containing CheckboxGroup

Hello community, how are you?

I need to replicate a filter like the one in this image. This is inside a kendoGrid filter, but I can't replicate something similar with MultiSelect and CheckboxGroup.

Supposedly this function is what makes this filter look like that:

function categoryDropdownEditor(container, options) {
        $('<input required data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                dataSource: fk_categoriesDatasource,
                dataTextField: "category",
                dataValueField: "id",
                filter: "contains",
                minLength: 1
            });
    }

My kendoGrid is configured like this:

$("#grid").kendoGrid({
        dataSource: dataSourceGrid,
       
        autoBind: true,
        scrollable: true,
        sortable: true,
        filterable: true,
        groupable: true,
        resizable: false,
        loaderType: "skeleton",
        pageable: {
            refresh: true,
            numeric: false,
            input: true,
            previousNext: true,
            alwaysVisible: true
        },
        noRecords: {
            template: function (e) {
                return "No hay datos disponibles.";
            }
        },
        columns: [
            {
                title: "Categoría",
                field: "category_id",
                dataTextField: "category",
                dataValueField: "id",
                editor: categoryDropdownEditor,
                filterable: {multi: true},
                dataSource: {
                    transport: {
                        read: {
                            url: apibaseurl + endpoint + "/categories",
                            type: "GET",
                            dataType: "json",
                            beforeSend: addToken,
                        },
                    },
                    schema: {
                        data: "data",
                        total: "total",
                        model: {
                            id: "id",
                            fields: {
                                category: {type: 'string'},
                            }
                        }
                    },
                },
            },
            
            {
                command: [
                    "edit",
                    {
                        name: " ",
                        iconClass: "k-icon k-i-more-vertical",
                    }
                ],
                title: "&nbsp;",
                width: 210
            }],
        editable: "popup",
    });

I apologize if it is not understood or if I forgot to put something, it is my first post here.

Thank you very much for your attention.

Jonathan.

DropDownList

Grid

MultiSelect

answered on 16 Aug 2023

1 answer

58 views

Multiselect dropdown control stopped working after Google Update.

I have several Multiselect dropdown controls in my web application that have stopped working after users Chrome browser updated to version 115. They work fine on Chrome 114.

When we click on the control the list does not show up.

DropDownList

MultiSelect

answered on 28 Jul 2023

1 answer

35 views

MultiSelect taglist - vertical stacking

How do you get the selected items in a Kendo UI for jQuery MultiSelect to stack vertically?

Here's what I'm getting; note that the textbox keeps expanding horizontally as each item is selected:

Here's what I need:

Thank you.

MultiSelect

Styling

updated answer on 31 May 2023

1 answer

178 views

Combination of Dropdownlist and Multiselect with Checkboxes

I'm looking for a widget that is sort of a combination of a dropdownlist and a multiselect. I would like to be able to select multiple items from the dropdownlist but instead of having chips like in the multiselect, I want the dropdownlist to display either "All Selected", "Multiple Selected" (or a count), or the name of the option selected if only one is selected. I would ideally have checkboxes to the left of each item but it could just highlight the item like the current multiselect does. Is there a way to accomplish this with Kendo UI for JQuery?

DropDownList

MultiSelect