File Explorer and Tab Strip

[WebDeveloper]

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.

Thanks.

[Dobromir]

Hi,

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" />
   </telerik:RadFileExplorer>
   
   <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
           }
       }
   </script>

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,
Dobromir
the Telerik team