Questions on UI for ASP.NET AJAX Forum

1 answer

175 views

[Solved] CurrentFolder is not update in codebehind

Hello,

I have build an uploadcontrol. The user can upload files and can view the uploaded file. For this I use the RadFileExplorer. Everything is working fine except deleting files. When I change a folder the addressbar is updated fine. But when I want to delete an image in the FileExplorer, the file is not deleted because the CurrentFolder-property in the codebehind is not updated to the path of the folder I selected. When I fire the event for the second time it works well because the CurrentFolder-property is updated this time. So, it looks I'm walking one postback behind.

Can anyone tell me what I'm doing wrong. Thx

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>UploadManager voor productafbeeldingen</title>

<link href="CSI/css/custom/admin.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/Slider.UIN.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/ComboBox.UIN.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/Calendar.UIN.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/Input.UIN.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/TreeView.UIN.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/Upload.UIN.css" rel="stylesheet" type="text/css" />

<link href="CSI/CSS/telerik/FileExplorer.UIN.css" rel="stylesheet" type="text/css" />

<script src="CSI/JS/3rdparty/flash_detect.js" type="text/javascript"></script>

<script src="CSI/JS/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>

<script src="CSI/JS/jQuery/jquery-1.2.6.min.js" type="text/javascript"></script>

<script src="CSI/JS/telerik/IntegrationScripts.js" type="text/javascript"></script>

<telerik:RadCodeBlock ID="codeBlock1" runat="server">

<script type="text/javascript">

//<![CDATA[

function OnClientDirectoryChange(sender, args) {

alert("Tree dir change: " + args.get_path());

}

function OnClientItemClick(sender, args) {

alert("Item click: " + args.get_path());

}

//]]>

</script>

</telerik:RadCodeBlock>

</head>

<body>

<form runat="server" id="mainForm" method="post">

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadProgressManager ID="Radprogressmanager1" runat="server" />

<div class="productimagemanager">

<div class="qualitycenter">

<div class="fileexplorer">

<table cellspacing="4">

<tr>

<td rowspan="2" style="vertical-align: top;">

<telerik:RadFileExplorer runat="server" ID="RadFileExplorer1" Width="700px" Height="500px" Skin="UIN" EnableOpenFile="true"

OnClientLoad="OnFileExplorerLoad" OnClientFolderChange="OnClientDirectoryChange">

<Configuration ViewPaths="~/media/QualityCenter/forapproval/retailer65" DeletePaths="~/media/QualityCenter/forapproval/retailer65" UploadPaths="~/media/QualityCenter/forapproval/retailer65" />

</telerik:RadFileExplorer>

</td>

</tr>

</table>

</div>

<asp:Panel ID="ListViewHolder" runat="server">

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" OnServiceRequest="RadXmlHttpPanel1_ServiceRequest" RenderMode="Block" EnableClientScriptEvaluation="true"

LoadingPanelID="RadAjaxLoadingPanel" OnClientResponseEnded="OnClientResponseEnded">

<telerik:RadContextMenu ID="RadListViewContextMenu" runat="server" OnClientItemClicked="RadListViewMenuItemClicked">

</telerik:RadContextMenu>

<telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="ItemPlaceHolder1" AllowPaging="true" AllowCustomPaging="true" PageSize="6"

OnItemDataBound="RadListView1_ItemDataBound" OnItemCommand="RadListView1_ItemCommand">

<LayoutTemplate>

<div class="imagelibrary">

<div class="actiebuttons">

<asp:ImageButton ID="btnSaveNewImageNames" runat="server" ImageUrl="~/App_Themes/UIN/Layout/buttons/opslaanensluitenbutton.png" Width="194px"

Height="30px" ToolTip="Opslaan artikel en artikelwizard afsluiten" CommandName="updatefilenames" Visible="false" />

</div>

<asp:PlaceHolder ID="ItemPlaceHolder1" runat="server"></asp:PlaceHolder>

</div>

</LayoutTemplate>

<ItemTemplate>

<asp:Panel ID="itemTemplateHolder" runat="server" CssClass="lvItemTemplate" ondblclick="openImageForPreview(this);" onclick="imageSelected(this);">

<div class="imageitem">

<div class="imagefile">

<asp:Image ID="imgImageFile" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Path") %>' AlternateText="Image" CssClass="imagefile" />

<asp:ImageButton ID="imgDeleteFile" runat="server" ImageUrl="~/App_Themes//UIN//Layout//buttonDeleteImage.png" CssClass="deleteimage" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Path") %>'

OnClick="imgDeleteFile_Click" OnClientClick="return confirm('Weet u zeker dat u deze afbeelding wilt verwijderen?');" />

<input type="hidden" value="<%# GetFileItemProperties(Container.DataItem) %>" />

</div>

<div class="imageoldname">

<asp:Label ID="lblImageOldNameLabel" runat="server" Text="Huidige bestandsnaam" CssClass="labelheader"></asp:Label>

<asp:Label ID="lblImageOldName" runat="server" CssClass="imagenamelabel" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label></div>

<div class="imagenewname">

<asp:Label ID="lblImageNewName" runat="server" Text="Nieuwe naam" CssClass="labelheader"></asp:Label>

<asp:TextBox ID="txtImageNewName" runat="server">

</asp:TextBox></div>

</div>

</asp:Panel>

</ItemTemplate>

</telerik:RadListView>

</telerik:RadXmlHttpPanel>

</asp:Panel>

</div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function loadListViewContent(pathToFolder, sliderIndex) {

var pageIndexChangeArg = pathToFolder + "$|$" + sliderIndex;

var oXmlPanel = $find("<%= RadXmlHttpPanel1.ClientID %>");

selectedListViewItems = []; // Clear selection

oXmlPanel.set_value(pageIndexChangeArg);

}

function getRadFileExplorer1() {// returns RadFileExplorer1 client-side object

var oExplorer = $find("<%= RadFileExplorer1.ClientID %>");

return oExplorer;

}

</script>

</telerik:RadCodeBlock>

</form>

</body>

</html>

protected void Page_Load(object sender, System.EventArgs e)

{

RadFileExplorer1.VisibleControls = Telerik.Web.UI.FileExplorer.FileExplorerControls.ContextMenus |

Telerik.Web.UI.FileExplorer.FileExplorerControls.TreeView|

Telerik.Web.UI.FileExplorer.FileExplorerControls.AddressBox;

//set properties according to configuration panel

RadFileExplorer1.Configuration.SearchPatterns = new string[] { "*.jpg", "*.jpeg" };

RadFileExplorer1.EnableOpenFile = false;

RadFileExplorer1.DisplayUpFolderItem = true;

RadFileExplorer1.AllowPaging = false;

RadFileExplorer1.EnableCreateNewFolder = false;

RadFileExplorer1.FindControl("paneTree").Controls.Add(ListViewHolder);

if (!Page.IsPostBack)

{

BindCollections();

txtArchiveName.Text = DateTime.Today.ToShortDateString();

if (!string.IsNullOrEmpty(RadFileExplorer1.InitialPath))

{

bool isDirectory = VirtualPathUtility.GetExtension(RadFileExplorer1.InitialPath) == string.Empty;

if (isDirectory)

{// The InitialPath points to a file

// Get the directory:

string parentDirectory = VirtualPathUtility.GetDirectory(RadFileExplorer1.InitialPath);

LoadListViewData(0, parentDirectory);

}

else

{// The InitialPath contains a directory path

string parentDirectory = RadFileExplorer1.InitialPath;

LoadListViewData(0, parentDirectory);

}

else

{// The InitialPath property is not set ==> load the first folder in the ViewPaths property

string targetFolder = RadFileExplorer1.Configuration.ViewPaths[0] + "/" + cboCollection.Items[0].Text.Replace(" ", "_"); // +"/" + txtArchiveName.Text;

string parentDirectory = targetFolder; // RadFileExplorer1.Configuration.ViewPaths[0];

LoadListViewData(0, parentDirectory);

}

else

{

Control postbackControl = GetPostBackControl(this);// get the control that is coused the post back ;

if (postbackControl != null && postbackControl.ID == "buttonSubmit")

{

RadFileExplorer1.TreeView.Nodes.Clear();

TargetFolder = "~/" + RETAILER_IMAGEPATH + FILIAAL_ID + "/" + cboCollection.Items[0].Text + "/" + txtArchiveName.Text;

RadFileExplorer1.InitialPath = Page.ResolveUrl(TargetFolder);

}

//RemoveBackForwardRefreshButtons();

}

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender(e);

if (IsPostBack)

{// This code ensures that the RadListView's content will be refreshed when a new file is uploaded

string parentDirectory = RadFileExplorer1.CurrentFolder;

LoadListViewData(0, parentDirectory);

}

protected void imgDeleteFile_Click(object sender, ImageClickEventArgs e)

{

File.Delete(Server.MapPath(((ImageButton)sender).CommandArgument));

}

protected void RadListView1_ItemDataBound(object sender, RadListViewItemEventArgs e)

{// This event is used in order to associate the 'RadListViewContextMenu' with every itemTemplateHolder panes in the RadListView

Telerik.Web.UI.RadListViewDataItem lvitem = (Telerik.Web.UI.RadListViewDataItem)e.Item;

ContextMenuElementTarget elementTarget = new ContextMenuElementTarget();

Control paneControl = e.Item.FindControl("itemTemplateHolder");

RadBinaryImage oImage = e.Item.FindControl("imgImageFile") as RadBinaryImage;

ImageButton oDeleteImage = e.Item.FindControl("imgDeleteFile") as ImageButton;

elementTarget.ElementID = paneControl.ClientID;

RadListViewContextMenu.Targets.Add(elementTarget);

}

protected void RadListView1_ItemCommand(object sender, RadListViewCommandEventArgs e)

{

if (e.CommandName == "updatefilenames")

{

foreach (RadListViewDataItem item in RadListView1.Items)

{

TextBox oNewImageName = item.FindControl("txtImageNewName") as TextBox;

Label oOldImageName = item.FindControl("lblImageOldName") as Label;

Image oImage = item.FindControl("imgImageFile") as Image;

string path = RadFileExplorer1.CurrentFolder;

if (oOldImageName != null && oNewImageName != null)

{

if (oNewImageName.Text != string.Empty)

{

string updatePath = oImage.ImageUrl.Replace(oOldImageName.Text, oNewImageName.Text + ".jpg");

File.Move(Server.MapPath(oImage.ImageUrl), Server.MapPath(updatePath));

}

LoadListViewData(0, RadFileExplorer1.CurrentFolder);

}

protected void RadXmlHttpPanel1_ServiceRequest(object sender, RadXmlHttpPanelEventArgs e)

{// The value of e.Value looks like this: '/ListViewIntegration/FileExplorer/ExplorerSource/Images/Customers$|$0'

string[] arguments = e.Value.Split(new string[] { "$|$" }, StringSplitOptions.RemoveEmptyEntries);

string pathToFolder = arguments[0];

string sliderValue = arguments[1];

int sliderIndexAsInt = int.Parse(sliderValue);

LoadListViewData(sliderIndexAsInt, pathToFolder);

}

private void LoadListViewData(int sliderIndex, string pathToFolderForLoad)

{

List<FileItem> allFilesInFolder = GetFilesSorted(pathToFolderForLoad);

if (allFilesInFolder.Count.Equals(0))

{// No files in directory

//RadSlider1.Enabled = false;// Disable slider (or hide it (RadSlider1.Visible = false))

RadListView1.DataSource = null;

RadListView1.DataBind();// Clear content

((ImageButton)RadListView1.FindControl("btnSaveNewImageNames")).Visible = false;

}

else

{

//RadSlider1.Enabled = true;// Enable RadeSlider

// Starting index

int fromIndex = sliderIndex * RadListView1.PageSize;

// Calculate the count of the images

int count = (fromIndex + RadListView1.PageSize) < allFilesInFolder.Count ? RadListView1.PageSize : allFilesInFolder.Count - fromIndex;

// Get maximum 4 files at a time

List<FileItem> listViewSource = allFilesInFolder.GetRange(fromIndex, count);

RadListView1.DataSource = listViewSource;

RadListView1.DataBind();

((ImageButton)RadListView1.FindControl("btnSaveNewImageNames")).Visible = true;

long outLong = new long();// USed in order to be compliant with the VB.NET version

// Refresh slire's values

//RadSlider1.MaximumValue = (allFilesInFolder.Count % RadListView1.PageSize).Equals(0) ? Math.DivRem(allFilesInFolder.Count, RadListView1.PageSize, out outLong) - 1 : Math.DivRem(allFilesInFolder.Count, RadListView1.PageSize, out outLong);

//RadSlider1.Value = sliderIndex;

// Checks permissions and associates a context menu with all images in the ListView

CreateListContextMenu(pathToFolderForLoad);

}

private void CreateListContextMenu(string pathToOpenedFolder)

{

RadTreeViewContextMenu treeContextMenu = RadFileExplorer1.TreeView.ContextMenus[0];

RadListViewContextMenu.Items.Clear();

foreach (RadMenuItem treeMenuItem in treeContextMenu.Items)

{

RadMenuItem clonedTreeMenuItem = treeMenuItem.Clone();

switch (clonedTreeMenuItem.Value)

{

case "Delete":

{

bool enableCommand = ContentProvider.CheckDeletePermissions(pathToOpenedFolder);

if (enableCommand)

{// The path has Delete permisson ==> Delete is allowed

RadListViewContextMenu.Items.Add(clonedTreeMenuItem);

}

} break;

case "Upload":

{

bool enableCommand = ContentProvider.CheckWritePermissions(pathToOpenedFolder);

if (enableCommand)

{// The path has Write permisson ==> upload is allowed

RadListViewContextMenu.Items.Add(clonedTreeMenuItem);

}

} break;

}

if (RadFileExplorer1.EnableOpenFile)

{

RadMenuItem openFileItem = new RadMenuItem();

openFileItem.Value = "Open";

openFileItem.Text = "Open";

openFileItem.PostBack = false;

openFileItem.EnableViewState = false;

openFileItem.SelectedCssClass = "rfeNoClass";

RadListViewContextMenu.Items.Add(openFileItem);

}

RadListViewContextMenu.Skin = RadFileExplorer1.Skin;

}

/// <summary>

/// Returns an instance of FileBrowserContentProvider asociated with RadFileExplorer control. If a cusom provider is used, then this propperty should return

/// an instance of that cusom provider.

/// </summary>

private FileBrowserContentProvider ContentProvider

{

get

{

if (object.Equals(this._contentProvider, null))

{

this._contentProvider = new FileSystemContentProvider(this.Context,

RadFileExplorer1.Configuration.SearchPatterns,

RadFileExplorer1.Configuration.ViewPaths,

RadFileExplorer1.Configuration.UploadPaths,

RadFileExplorer1.Configuration.DeletePaths,

string.Empty,

}

return this._contentProvider;

}

FileExplorer

answered on 25 Aug 2011

5 answers

107 views

Problem with Javascript API

Hello,

Iam using RadGrid for listing some data grom DB... I need change some values on client using your API. I am using this code:

<telerik:RadScriptBlock>

<script type="text/javascript">

var mySelectedGrid;

var mySelectedGrid_MasterTableView;

function GetGridObject(sender, eventArgs) {

var _mySelectedGrid = sender;

mySelectedGrid = $find(_mySelectedGrid.ClientID);

mySelectedGrid_MasterTableView = mySelectedGrid.get_masterTableView();

}

</script>

</telerik:RadScriptBlock>

If I debugging page in Firefox Firebug tool i cant see Rows in Mater table view. "mySelectedGrid.MasterTableView.Rows" writing "undefined". I was trying this on several of our projects and have some results.

Please, can you help me to find where is problem?

Grid

answered on 25 Aug 2011

5 answers

227 views

Multi Language RadEditor

Hello,

I'm building a multi language (RTL and LTR) webpage which uses a RadEditor control.
I'm using the following RTL control:

<telerik:RadEditor runat="server" ID="RadEditor1" Height="350px"

DialogsCssFile="./RTL/RadEditor_Dialogs_RTL.css" ContentAreaCssFile="./RTL/EditorContentArea_RTL.css">

<Modules>

<telerik:EditorModule Visible="false" />

</Modules>

</telerik:RadEditor>

But the problem is when changing the language to LTR, the RadEditor is still behave in RTL mode because of the following attributes:
DialogsCssFile
ContentAreaCssFile
What I shoud do?

Please, I need your help,
It is very appreciated to send me the modified code.

Regards,
Bader

Editor

answered on 25 Aug 2011

2 answers

76 views

RadUpload on RadGrid Edit Popup for FireFox and IE9

While using RadUpload control on RadGrid Edit Popup, and clicking Select button of RadUpload control, it's not working for IE9 and FireFix 4 Beta (OpenFileDialog is not shown) but it works properly for Safari and Chrome.
I using that the following Telerik Version 2009.3.1103.35.

The following code represents EditFormSettings

<EditFormSettings EditFormType="WebUserControl" UserControlName="StudentDependent.ascx" InsertCaption="Add new dependent"

<PopUpSettings Modal="true" ScrollBars="Auto"

/>

</EditFormSettings>

Any ideas?

Grid

answered on 25 Aug 2011

1 answer

137 views

RADUpload and Android

I have an application which uses the Telerik RADUpload control. I have made all the Telerik suggested changes to the web.config file to enable and allow large file uploads.

I can upload 42 photos (approx 1.5MB each) from my laptop in IE9 and Google Chrome. However, our users who have HTC Thunderbolts running Android cannot. If they load 15+ photos of the same size, the application immediately exits and returns the user to the home screen of the phone.

Is this a limitation of Telerik controls being used on mobile devices, especially Android devices?

Thank you.

Upload (Obsolete)

answered on 25 Aug 2011

1 answer

93 views

RADUpload and Android

I have an application which uses the Telerik RADUpload control. I have made all the Telerik suggested changes to the web.config file to enable and allow large file uploads.

I can upload 42 photos (approx 1.5MB each) from my laptop in IE9 and Google Chrome. However, our users who have HTC Thunderbolts running Android cannot. If they load 15+ photos of the same size, the application immediately exits and returns the user to the home screen of the phone.

Is this a limitation of Telerik controls being used on mobile devices, especially Android devices?

Thank you.

General Discussions

answered on 25 Aug 2011

3 answers

78 views

[Solved] I have an issue with Teleric Grid Column Hiding.

HI ,

I have an issue with Teleric Grid Column Hiding.

The Grid Looks perfect when it populated with data.

Once we are trying to hide few columns ( on Right click column Head + uncheck column names to hide) - The grid is not fitting to previous width ( or we can say 100% if assigned width ) - Its jst leaning towards left side with around 50% of the actual width.

Can you please help us solving this issue.

Thanks in Advance.

Dilip.

ToolBar

answered on 25 Aug 2011

7 answers

305 views

Telerik, SubDomains and URL Rewriting

Hi,

I have a telerik page pageX.aspx working fine on

www.x.co.uk/pageX.aspx

Now, for certain reasons I would like to reuse this page but with the url on a subdomain as -

sub.x.co.uk/pageX.aspx

I am using Host Headers and URL rewriting to make the call to PageX.aspx from both urls (but using the same code base).

I use a base href of

<base href="http://www.x.co.uk/" />

as part of my URL Rewriting

Now, The www URL works fine ./

But I get (or equivalent)

Message: Access is denied.

Line: 6
Char: 63059
Code: 0
URI: http://www.x.co.uk/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-GB%3afab31106-1bd6-4491-9a14-59e0fc4a7081%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%3aen-GB%3abd09f19b-b595-4ea4-8ab8-449a745bc83c%3a16e4e7cd%3af7645509%3a22a6274a%3a24ee1bba%3af46195d3%3a874f8ea2%3a19620875%3a39040b5c%3af85f9819%3a490a9d4e%3abd8f85e4

when loading up the sub.x.co.uk/pageX.aspx

Could you please advise me on why this is happening (obviously something to do with x-domain access from sub to www) and what I can do to rectify this asap?

Many Thanks
Matt

General Discussions

answered on 25 Aug 2011

1 answer

142 views

Bug with DockPositionChanged Not Firing

Hi there,

I'm using version 2011.1.413.40.

The test_DockPositionChanged event here fires if solely defined in the aspx.

    <asp:ScriptManager ID="ScriptManager1" runat="server">
   </asp:ScriptManager>
            <telerik:RadDockZone ID="RadDockZoneToolBox" runat="server" Height="200px" Width="100%" BorderStyle="Dotted" BorderColor="Red" FitDocks="false" Orientation="Horizontal">
            <telerik:RadDock ID="test" runat="server" AutoPostBack="true" OnDockPositionChanged="test_DockPositionChanged"></telerik:RadDock>
                </telerik:RadDockZone>
        </telerik:RadDockLayout>

However if it is defined programmatically in code it does not fire at all.

        protected void Page_Load(object sender, EventArgs e)
        {
            test.DockPositionChanged += new DockPositionChangedEventHandler(test_DockPositionChanged);
        }

        void test_DockPositionChanged(object sender, DockPositionChangedEventArgs e)
        {
            // Does not fire
        }

Is this a bug or am I attaching the event at the wrong stage in the control creation life cycle?

Dock

answered on 25 Aug 2011

4 answers

209 views

Using Response.BinaryWrite when click on a button in Detail Grid

Hi all,

I got a problem with AJAX when interacting with a control to use Response.BinaryWrite method as below :
- I have a Grid which has a detail area (this area contains detail information which includes a button), when this detail area is shown, user can click on a button to export a file by calling Response.BinaryWrite. My problem here is the radGrid in a RadAjaxPanel to use AJAX technique to show/hide detail area.

Is there any way to use export data in this case ?

Thanks a lot for your help.
Phuc

Grid

answered on 25 Aug 2011