ImageBrowser / FileBrowser - How do I override the select event?

2 posts, 0 answers
  1. Aaron
    Aaron avatar
    19 posts
    Member since:
    Nov 2012

    Posted 15 Sep 2014 Link to this post

    I want to implement an Outlook / email style control when attaching files.  I need to override the Filebrowser event to NOT insert a link to the document, I just need to know the ID of the document so I can store it separately.  Is there any way to do this?  I don't see any events for File / image browsers.

  2. Dimo
    Dimo avatar
    8406 posts

    Posted 17 Sep 2014 Link to this post

    Hello Aaron,

    The desired result requires three steps:

    1. Obtain a reference to the ImageBrowser or FileBrowser widget after it is opened. The following forum post shows how to do that.

    (use .k-insertFile for the FileBrowser toolbar icon)

    2. Disable the native ImageBrowser or FileBrowser functionality:

    var element = $(".k-imagebrowser"); // or .k-filebrowser
 "kendoImageBrowser").unbind("apply"); // or kendoFileBrowser

    3. Attach new apply and click handlers that do whatever you need. The following documentation section shows how to attach widget event handlers after initialization via bind.

    More information about the FileBrowser and ImageBrowser is available here:

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top