Focusing dropdownlist control in navigatable grid

4 posts, 0 answers
  1. Jaap
    Jaap avatar
    96 posts
    Member since:
    Oct 2012

    Posted 05 Sep 2012 Link to this post

    When using a custom editor for a grid column like this: <select data-role="dropdownlist">....</select>, the control is not focused when you tab from another cell to this cell. Instead the cell keeps the focus.

    This is because the last line in Editable.refresh() does not work. There the selector ":input:visible:first" is used to find the control to focus.

    But in case of the dropdownlist there is no visible input, only span tags.

    How to solve this?





    Regards, Jaap
  2. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 10 Sep 2012 Link to this post

    Hello Jaap,

    This is currently limitation of our keyboard support. We are working on solution for that case, which should be available for Q3 release, eventually. Currently you can use the following workaround as a solution:
    http://jsfiddle.net/Eh8GL/

    Regards,
    Nikolay Rusev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. OnaBai
    OnaBai avatar
    55 posts
    Member since:
    Aug 2012

    Posted 10 Sep 2012 Link to this post

    Nikolay,

    If I'm not wrong there is a minor bug in you code. The inArray check should be >= instead of >.
    if ($.inArray(e.keyCode, specialKeys) >= 0) {
        e.stopImmediatePropagation();
    }
    Regards
  5. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 10 Sep 2012 Link to this post

    Hello Emiliano,

    Indeed you are right. It should be greater than or equal to.

    Greetings,
    Nikolay Rusev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready