RadUpload control keyboard support not working in IE8 and IE7

Thread is closed for posting
1 posts, 0 answers
  1. mahima jain
    mahima jain avatar
    9 posts
    Member since:
    Jan 2010

    Posted 13 Dec 2013 Link to this post

    Hi All,

    I am using telerik (version 2012.2.724.35) .In my page i have an radupload and an next button. I want to make it accessible through Keys To achecive this i added Below code on OnClientAdded event of Radupload control But it didn't work Properly.

     

    function

     

    keyboardSupport(sender, args) {

     

     

    var $fileInput = $(args._fileInputField);

     

     

    var $fakeInput = $fileInput.nextAll("input[class='ruFakeInput']");

     

     

    var $selectButton = $fileInput.nextAll("input[class='ruButton ruBrowse']");

     

    $selectButton.attr(

    'aria-required', 'true');

     

    $fileInput.attr(

    'aria-required', 'true');

     

    $(

    'label[for$="_DocumentFileUploadfile0"]').text('<%=GetLocalResourceObject("UploadDocumentLabelResource.Text") %>');

     

    $fakeInput.attr(

    "tabindex", "-1");

     

    $selectButton.attr(

    "tabindex", "-1");

     

    $fileInput.focus(

    function(e) {

     

    $selectButton.css(

    "border", "1px dotted");

     

    });

    $fileInput.blur(

    function(e) {

     

    $selectButton.css(

    "border", "0px");

     

    });

     

    if (navigator.userAgent.indexOf("MSIE") != -1) {

     

    $fileInput.keydown(

    function(e) {

     

     

    if (e.keyCode == Sys.UI.Key.space) {

     

    $fileInput.click();

    }

     

    if (e.keyCode == Sys.UI.Key.enter) {

     

    e.preventDefault();

    }

     

    if (e.keyCode == Sys.UI.Key.tab && e.shiftKey == false) {

     

    $fakeInput.focus();

    }

     

    if (e.keyCode == Sys.UI.Key.tab && e.shiftKey == true) {

     

     

    var $checkbox = $(".ruCheck", args.get_row());

     

     

    if ($checkbox[0] != undefined) {

     

    e.preventDefault();

    $checkbox.focus();

    }

     

    else {

     

    $fileInput.parent().focus();

    }

    }

    });

    }


    I want that it should prevent enter key and upload doc on space bar . Above code works fine till upload of doc But after dialogue box opens and i uploaded doc now if  i press tab ideally it should go to next control in my case which is another next button but its not working like this it.after doc upload if i press tab it remains in upload control and if press tab twive it go to next button and then if i press enter key it dnt do postback but it clears uploaded file and remain focused in upload control.

    I tried changing EnableFileInputSkinning property also it doesnt help.

    one more thing if i use $selectButton.click() in place of $fileInput.click(); it works fine in IE9 but in IE8 and IE7 dialogue box doesnt open.


    Thanks in advance

     

Back to Top