File Explorer and Tab Strip

2 posts, 0 answers
  1. WebDeveloper
    WebDeveloper avatar
    10 posts
    Member since:
    Aug 2010

    Posted 27 Aug 2010 Link to this post

    Dear Support,

    I am just about to finalize the RAD controls for our Web App. Its been really a great trial period. I was hooked onto the File Explorer of it. Its an awesome control.

    I have tried implementing it with some customizations of ours. The screenshot is attached. It uses the File Explorer in a Tab Strip control, and i am trying to provide the feature where by i can open multiple file in different tabs.

    I had few queries  here:

    1. On double clicking an Image File i want to open it in a New Tab.

    2. On Clicking New on the toolbar (which is a custom toolbutton), i want to open a new tab  with the RADEditor and make that Tab selected.

    3.On a Custom Toolbar button click (Server Side) i want to have a reference to the File Item selected in the Grid.

    I tried to implement the above 3 points, but was not able to get my head around it
    It will be really appreciable if you can give me the code for doing the above in a sample project.

  2. Dobromir
    Dobromir avatar
    1633 posts

    Posted 01 Sep 2010 Link to this post


    In general, we do not provide custom solutions (as this is out of the scope of our support services), but I believe that the guidelines below will be of help.
    1. In order to intercept the double click on an image file you need to assign a handler to the OnClientFileOpen of RadFileExplorer, e.g.:
      <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" OnClientFileOpen="OnClientFileOpen">
          <Configuration ViewPaths="~/Files" DeletePaths="~/Files" UploadPaths="~/Files" />
      <script type="text/javascript">
          function OnClientFileOpen(oExplorer, args)
              var item = args.get_item();//get reference to the clicked item
              var itemPath = item.get_path();//get path to the clicked item
              var itemExt = item.get_extension();//get extenstion of the clicked item
              if (itemExt)
                  args.set_cancel(true);//cancel the default execution
                  //implement opening of the new tab
    2. Please find an example on how to add custom button to the RadFileExplorer's toolbar in the following help article:
      Adding a custom button to the toolbar and an item to the tree context menu
    3. I believe this KB article will be of help for this requirement.

    Also, in the following help articles you can find examples on how to create new RadTab / RadPageView at the client-side:
    Create closable tabs client-side
    Adding pageviews to the multipage at the client-side

    Sincerely yours,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top