Telerik Forums
Kendo UI for jQuery Forum
0 answers
22 views

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)

Pol
Top achievements
Rank 1
Iron
 asked on 13 Mar 2024
0 answers
45 views

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 .

Hrushi
Top achievements
Rank 1
 asked on 28 Oct 2023
0 answers
40 views
kendo.all.min.js:9  multi-select cannot read property 'style' of undefined at init._adjustListwidth
Rajesh
Top achievements
Rank 1
 asked on 16 Jul 2022
0 answers
391 views

Hi team,

I found that since 2022 R2, the height of a multiselect varies when adding tags. From 30px height with no values to 32px height with one or more tags.

https://dojo.telerik.com/UVUSaSIn

As a result, there is a nasty pumping effect in the page.

Please advise,

 

Best regards,

Laurent.

Laurent
Top achievements
Rank 2
Iron
Iron
 asked on 13 May 2022
0 answers
151 views

We updated Kendo UI for JQuery from v2021.2.511 to v2022.1.325 and we observed that certain screen reader functions were broken.

The following issues were observed when screen reader is activated on any KendoMultiSelect control:

a. The selected item and tag are not being announced. The selected item and the tag were announced by narrator before the update.

b. The number of available suggestions is not announced. This was announced before the update. 

c. When scan mode is activated, users cannot navigate the list items using the up/down arrow keys.

d. When a user enters a search string that is not in the datasource, narrator does not announce that. Before the update, narrator would announce "Selection contains zero items".

For other controls like checkboxes, narrator does not announce the name or label of the controls when in focus.

Is there a different attribute other than aria-label that we need defined on these controls to get screen readers to announce them?

I'd appreciate any help to get these issues fixed.

Thanks!

OS: Windows 11

Browser: Edge Chromium.

Kendo UI version: v2022.1.325

Screen Reader: Windows Narrator

 

Ola
Top achievements
Rank 1
 asked on 20 Apr 2022
0 answers
242 views

I have some model with selected ids:

class Model{
     public IList<int> SelectedIds { get; set; }
}

in my partial view I render Multiselect control:

@(Html.Kendo().MultiSelectFor(f => f.SelectedIds)
  .Name("SelectedIds")
  .Placeholder("​Select Items...")
  .Filter(FilterType.Contains)
  .IgnoreCase(true).TagMode(TagMode.Single)
  .TagTemplate("<span>​Selected #=data.dataItems.length# ​from #=data.maxTotal#</span>")
  .DataSource(a => a.Read("Get​ItemsListAction", "​Controller"))
  .DataValueField("Id")
  .DataTextField("Value")
  .AutoClose(false)
)

and it renders next wrong Javascript code (see value of the "value" at the end of the expression :):

jQuery(function(){jQuery("#SelectedIds").kendoMultiSelect({"dataSource":{"transport":{"read":{"url":"/sspd/​Controller/Get​ItemsListAction"},"prefix":""},"schema":{"errors":"Errors"}},"dataTextField":"Value","filter":"contains","ignoreCase":true,"tagMode":"single","tagTemplate":"\u003cspan\u003e​Selected#=data.dataItems.length# ​from #=data.maxTotal#\u003c/span\u003e","autoClose":false,"dataValueField":"Id","placeholder":"Select Items...","value":["System.Collections.Generic.List`1[System.Int32]"]});});

BUT!

When I change the Name in Razor code to something other name, for example, "bla-bla-bla" it renders correct code and I see in the web page multiselect with selected items:

jQuery(function(){jQuery("#bla-bla-bla").kendoMultiSelect({"dataSource":{"transport":{"read":{"url":"/sspd/​Controller/Get​ItemsListAction"},"prefix":""},"schema":{"errors":"Errors"}},"dataTextField":"Value","filter":"contains","ignoreCase":true,"tagMode":"single","tagTemplate":"\u003cspan\u003eSelected#=data.dataItems.length# from #=data.maxTotal#\u003c/span\u003e","autoClose":false,"dataValueField":"Id","placeholder":"Select Items...","value":[28620,32216]});});
 

In other words, rendered javascript is incorrect when Model's property for the selected ids is the same with parameter value passed to Html.Kendo().MultiSelect().Name method

Whats wrong in my code?

Ruslan
Top achievements
Rank 1
 asked on 16 Sep 2015
0 answers
31 views
Hi there

This is more a kind of bug, but I found no way to create a ticket....

I'm using the multiselect widget to let the user select multiple or all persons. We're talking about around 300 - 400 entries. In some cases all persons need to be selected. So I get all the data items and set them with the value() method on the widget. But this takes "ages" (2-3 sec) and even leads to no responding script error on some computers. Firebug profiler revealed, that about half of the needed time is consumed by the _select() method of the multiselect better said, its "that._height(that._visibleItems);"  line. If I move this line to the value() method and insert it after the select loop, the time consumption drops by more than half.

I don't see a reason why the height needs to be calculated on every loop step. But this is probably needed in some other cases. Still I would recommend to make this more streamline by calculating the height after value setting has completed.
Lala
Top achievements
Rank 1
 asked on 07 Jan 2015
0 answers
67 views
I just worked through adding a MultiSelect fillter on a page with a grid, and didn't see anything in the forums that addressed this issue, so I thought I would post the result that I came up with.
<%= Html.Kendo().MultiSelectFor(m => m.FilterRoleIds)
        .Placeholder("Select Roles")
        .DataTextField("RoleName")
        .DataValueField("ApRoleId")
        .BindTo(ViewBag.ApRolesList)
%>
  
<%= Html.Kendo().MultiSelectFor(m => m.FilterCompanyIds)
        .Placeholder("Select Companies")
        .DataTextField("CompanyName")
        .DataValueField("CompanyId")
        .BindTo(ViewBag.CompanyList)
%>
  
<script language="javascript" type="text/javascript">
    function additionalData() {
        return {
            roleIds: "<%= ApRoleController.ReturnListValues(Model.FilterRoleIds) %>",
            companyIds: "<%= ApRoleController.ReturnListValues(Model.FilterCompanyIds) %>"
        };
    }
</script>
 
        public static string ReturnListValues(List<string> list)
        {
            if (list == null || list.Count == 0) return "";
 
            string s = string.Empty;
 
            foreach (var item in list)
            {
                if (s != string.Empty)
                    s += ",";
 
                s += item;
            }
 
            return s;
        }
Above is what I came up with.
Telerik came up with the following:
<script language="javascript" type="text/javascript">
    function additionalData() {
        var roleIds = <%= Html.Raw(Json.Encode(Model.FilterRoleIds)) %>;
        var data = {};
        for(var i=0; i< roleIds.length;i++){
            data["FilterRoleIds[" + i + "]"] = roleIds[i];
        }
        return data;
    }
</script>
Hopefully, this will be helpful to somebody.
Atlas
Top achievements
Rank 1
 asked on 12 Jul 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?