This is a migrated thread and some comments may be shown as answers.

File Explorer and Tab Strip

1 Answer 66 Views
FileExplorer
This is a migrated thread and some comments may be shown as answers.
WebDeveloper
Top achievements
Rank 1
WebDeveloper asked on 27 Aug 2010, 10:05 PM
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.

1 Answer, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 01 Sep 2010, 09:54 AM
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
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
Tags
FileExplorer
Asked by
WebDeveloper
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Share this question
or