Questions on UI for ASP.NET AJAX Forum

2 answers

247 views

Hi - I've been searching for a way to do this but haven't found the "correct" way.

I have a RadGrid - on it are multiple RadNumericTextBox columns - one of those columns is txtQTY.

In the save form logic I need to get the value of that column from each of the records in the rad grid to build a table of values to pass to the database. All that worked fine back in VS 2003. I did the following back then:

double X

x = ((RadNumericTextBox)(this.raddgActivityGroup.Items[i]).FindControl("txtQTY")).Value;

But in this version VS 2013 and newest telerik AJAX controls - I get the following problem:

Error 271 Cannot implicitly convert type 'double?' to 'double'. An explicit conversion exists (are you missing a cast?)

I can get rid of the problem by changing the line to read:

x = ((RadNumericTextBox)(this.raddgActivityGroup.Items[i]).FindControl("txtQTY")).Value.Value;

but I have no idea why that works and am very concerned that I might be breaking something.

HELP!?!?

Thanks

Cory

Input

answered on 27 Oct 2015

1 answer

108 views

ForeColor - unknown entity 'color'

I'm following the tutorial here to do some conditional styling on a radGrid.

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/appearance-and-styling/conditional-formatting

But I am not able to use this:

dataBoundItem["Approved"].ForeColor = Color.Red;

The visual studio message is "Unknown entity 'color'

and the display error message is:

"Compiler Error Message: CS0103: The name 'Color' does not exist in the current context"

What am I missing? Thanks!

Grid

answered on 27 Oct 2015

1 answer

82 views

Paste from Word option of Editor changes the indentation of lines

Hi I have an issue with 'Paste from Word' option of telerik Editor. When i copy some text from MSWord and paste it in the editor using 'Paste from Word' option, the indentation of some lines changes. I also tried this on Telerik's demo site:
http://demos.telerik.com/aspnet-ajax/editor/examples/cleaningwordformatting/defaultcs.aspx

and the issue is present there as well. I have attached original document and the screenshot of the changed indentation after using 'Paste from Word'.

I have tried this on IE and Chrome as well and the issue occurs on both.

Please look into it as this changes the text to an unacceptable format.

Thanks

Editor

answered on 27 Oct 2015

3 answers

695 views

Insert item is available only when grid is in insert mode

I'm having a problem with using a popup edit form with a RadGrid.

We are in a completely disconnected environment - all data is retrieved and updated through a WCF web service and in general is returned as LLBLGen entities/EntityCollection(s). Nearly everything about this setup works (initial grid display, viewing the edit form in read-only, updating the database, etc.). All database functionality is working great - the code-behind commands fire fine and the data in the database is inserted/updated. The grid refreshes fine after inserts/updates as well, however, when performing an insert the popup editor stays on the screen and I get a javascript error:

"Insert item is available only when grid is in insert mode".

When I run in debug mode, it's not throwing the error anywhere in code-behind, but somewhere in all the auto-generated ajax javascript, so I can't tell what exactly is causing the error.

ASPX:

    
            <telerik:RadGrid ID="RadGrid1" runat="server"  
        
                AutoGenerateColumns="false" 
        
                AllowPaging="true" 
        
                AllowAutomaticInserts="false" 
        
                AllowAutomaticDeletes="false" 
        
                AllowAutomaticUpdates="false" 
        
                OnItemDataBound="RadGrid1_ItemDataBound" 
        
                OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                OnInsertCommand="RadGrid1_InsertCommand" 
        
                OnUpdateCommand="RadGrid1_UpdateCommand" 
        
                OnPreRender="RadGrid1_PreRender" 
        
            > 
        
                <MasterTableView  
        
                    EditMode="PopUp"  
        
                    CommandItemDisplay="Top"  
        
                    DataKeyNames="NoteID"  
        
                > 
        
                    <EditFormSettings InsertCaption="Add new Note" /> 
        
                    <Columns> 
        
                        <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" HeaderStyle-Width="35px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" /> 
        
                        <telerik:GridBoundColumn DataField="NoteID" UniqueName="NoteID" Visible="false" /> 
        
                        <telerik:GridTemplateColumn HeaderText="!" UniqueName="Important" HeaderStyle-Font-Bold="true" HeaderStyle-Width="10px"> 
        
                            <ItemTemplate> 
        
                                <asp:Label ID="lblImportant" runat="server" ForeColor="Red" Text='<%# (bool)Eval("Important")  ? "!" : "" %>' ToolTip="Note is marked as important" Font-Bold="true" /> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                        <telerik:GridBoundColumn HeaderText="Type" DataField="NoteType" UniqueName="NoteType" DataType="System.String" ItemStyle-Wrap="false" HeaderStyle-Width="110px" /> 
        
                        <telerik:GridBoundColumn HeaderText="Recorded By" DataField="RecordedBy" UniqueName="RecordedBy" DataType="System.String" ReadOnly="true" HeaderStyle-Wrap="false" HeaderStyle-Width="120px" ItemStyle-Wrap="false" /> 
        
                        <telerik:GridBoundColumn HeaderText="Date Created" DataField="ServerDate" UniqueName="ServerDate" DataType="System.DateTime" HeaderStyle-Wrap="false" HeaderStyle-Width="140px" ItemStyle-Wrap="true" /> 
        
                        <telerik:GridBoundColumn HeaderText="Subject" DataField="SubjectSummary" UniqueName="SubjectSummary" DataType="System.String" /> 
        
                    </Columns> 
        
                    <EditFormSettings InsertCaption="Add new Note" CaptionFormatString="Edit Note" CaptionDataField="NoteID" EditFormType="Template"> 
        
                        <FormTemplate> 
        
                            <table cellpadding="4" cellspacing="0" width="100%" border="0"> 
        
                                <tr> 
        
                                    <td style="width: 10px; white-space: nowrap; font-weight: bold;">Recorded By:</td> 
        
                                    <td> 
        
                                        <asp:Label ID="lblRecordedBy" runat="server" Text='<%# Bind("RecordedBy") %>' /> 
        
                                    </td> 
        
                                    <td style="font-weight: bold;">on</td> 
        
                                    <td> 
        
                                        <asp:Label ID="lblServerDate" runat="server" Text='<%# Bind("ServerDate") %>' /> 
        
                                    </td> 
        
                                    <td style="width: 10px; font-weight: bold;">Type:</td> 
        
                                    <td style="width: 114px;"> 
        
                                        <telerik:RadComboBox ID="cboType" runat="server" SkinID="RadCombo" Width="110px" /> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                            <table cellpadding="4" cellspacing="0" width="100%" border="0"> 
        
                                <tr> 
        
                                    <td style="width: 40px; font-weight: bold;">Subject:</td> 
        
                                    <td colspan="3"> 
        
                                        <telerik:RadTextBox ID="txtSubject" runat="server"  
        
                                            SkinID="RadTextBoxDefault" 
        
                                            Text='<%# DataBinder.Eval(Container.DataItem, "Subject") %>' 
        
                                            Width="100%" 
        
                                        /> 
        
                                    </td> 
        
                                    <td style="width: 40px; font-weight: bold;">Important?</td> 
        
                                    <td style="width: 10px;"><asp:CheckBox ID="chkImportant" runat="server" Checked='<%# (Container is GridEditFormInsertItem) ? false : Eval("Important") %>' /></td> 
        
                                </tr> 
        
                                <tr> 
        
                                    <td colspan="100%" valign="top" align="left"> 
        
                                        <telerik:RadEditor ID="radEditor_Note" runat="server" 
        
                                             Width="100%" 
        
                                             Height="250px" 
        
                                             Content='<%# DataBinder.Eval(Container.DataItem, "Note") %>' 
        
                                             AutoResizeHeight="true" 
        
                                             EditModes="Design" 
        
                                             ToolbarMode="Default" 
        
                                         > 
        
                                            <Tools> 
        
                                                <telerik:EditorToolGroup> 
        
                                                    <telerik:EditorTool Name="Bold" /> 
        
                                                    <telerik:EditorTool Name="Italic" /> 
        
                                                    <telerik:EditorTool Name="Underline" /> 
        
                                                    <telerik:EditorSeparator /> 
        
                                                    <telerik:EditorTool Name="JustifyLeft" /> 
        
                                                    <telerik:EditorTool Name="JustifyCenter" /> 
        
                                                    <telerik:EditorTool Name="JustifyRight" /> 
        
                                                    <telerik:EditorSeparator /> 
        
                                                    <telerik:EditorTool Name="AjaxSpellCheck" /> 
        
                                                    <telerik:EditorSeparator /> 
        
                                                    <telerik:EditorTool Name="ToggleScreenMode" /> 
        
                                                </telerik:EditorToolGroup> 
        
                                            </Tools> 
        
                                        </telerik:RadEditor> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                            <table width="100%" style="margin-top: 10px;"> 
        
                                <tr> 
        
                                    <td align="right" colspan="100%"> 
        
                                        <asp:Button ID="btnUpdate" runat="server"  
        
                                            Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' 
        
                                            CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' 
        
                                            SkinID="btnSearch" 
        
                                            Visible='<%# (AllowAdd || AllowEdit) ? true : false %>' 
        
                                         /> 
        
                                        &nbsp; 
        
                                        <asp:Button ID="btnCancel" runat="server" 
        
                                            Text='<%# (AllowAdd || AllowEdit) ? "Cancel" : "Close" %>'  
        
                                            CausesValidation="False" 
        
                                            CommandName="Cancel" 
        
                                            SkinID="btnSearch" 
        
                                        /> 
        
                                    </td> 
        
                                </tr> 
        
                                <tr> 
        
                                    <td colspan="100%"> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                            <asp:Label ID="lblNoteTypeID" runat="server" Text='<%# Bind("NoteTypeID") %>' Visible="false" /> 
        
                        </FormTemplate> 
        
                    </EditFormSettings> 
        
                </MasterTableView> 
        
                <ClientSettings> 
        
                    <ClientEvents OnRowDblClick="RowDblClick" OnPopUpShowing="PopUpShowing" /> 
        
                    <Scrolling AllowScroll="true" /> 
        
                </ClientSettings> 
        
            </telerik:RadGrid>

And the code behind:

    
            protected void RadGrid1_PreRender(object sender, EventArgs e) 
        
            { 
        
                // enable/disable command items based on security 
        
                foreach (GridCommandItem item in RadGrid1.MasterTableView.GetItems(GridItemType.CommandItem)) 
        
                { 
        
                    if (!AllowAdd) 
        
                    { 
        
                        ((Button)item.FindControl("AddNewRecordButton")).Visible = false; 
        
                        ((LinkButton)item.FindControl("InitInsertButton")).Visible = false; 
        
                    } 
        
                    ((LinkButton)item.FindControl("RebindGridButton")).Visible = false; 
        
                    ((Button)item.FindControl("RefreshButton")).Visible = false; 
        
                } 
        
            } 
        
            protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e) 
        
            { 
        
                LoadData(); 
        
            } 
        
            protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e) 
        
            { 
        
                if (e.Item is GridEditableItem && e.Item.IsInEditMode) 
        
                { 
        
                    // get handles for the controls in the FormTemplate 
        
                    GridEditableItem item = (GridEditableItem)e.Item; 
        
                    Label lblNoteTypeID = item.FindControl("lblNoteTypeID") as Label; 
        
                    Label lblRecordedBy = item.FindControl("lblRecordedBy") as Label; 
        
                    Label lblServerDate = item.FindControl("lblServerDate") as Label; 
        
                    RadComboBox cboType = item.FindControl("cboType") as RadComboBox; 
        
                    RadTextBox txtSubject = item.FindControl("txtSubject") as RadTextBox; 
        
                    CheckBox chkImportant = item.FindControl("chkImportant") as CheckBox; 
        
                    RadEditor radEditor_Note = item.FindControl("radEditor_Note") as RadEditor; 
        
                    Button btnUpdate = item.FindControl("btnUpdate") as Button; 
        
                    Button btnCancel = item.FindControl("btnCancel") as Button; 
        
                    string noteTypeID = lblNoteTypeID.Text; 
        
                    // set the combo 
        
                    switch (ForeignKeyType) 
        
                    { 
        
                        case ForeignKeyTypes.Branch: 
        
                            bindComboToEnum(cboType, ListCategory.BranchNoteType); 
        
                            break; 
        
                        case ForeignKeyTypes.BranchProspect: 
        
                            bindComboToEnum(cboType, ListCategory.BranchProspectNoteType); 
        
                            break; 
        
                        case ForeignKeyTypes.Recruit: 
        
                            bindComboToEnum(cboType, ListCategory.RecruitNoteType); 
        
                            break; 
        
                        default: break; 
        
                    } 
        
                    // Edit versus Insert logic 
        
                    if (e.Item.OwnerTableView.IsItemInserted) 
        
                    { 
        
                        // insert mode 
        
                        lblRecordedBy.Text = CurrentUser.FullName; 
        
                        lblServerDate.Text = DateTime.Now.ToString(); 
        
                    } 
        
                    else 
        
                    { 
        
                        // edit mode 
        
                        cboType.SelectedIndex = cboType.Items.IndexOf(cboType.Items.FindItemByValue(noteTypeID)); 
        
                        cboType.Enabled = AllowEdit; 
        
                        txtSubject.ReadOnly = !AllowEdit; 
        
                        chkImportant.Enabled = AllowEdit; 
        
                        radEditor_Note.Enabled = AllowEdit; 
        
                        btnUpdate.Visible = AllowEdit; 
        
                        btnCancel.Text = "Close"; 
        
                    } 
        
                } 
        
                else if (e.Item is GridHeaderItem) 
        
                { 
        
                    GridHeaderItem headerItem = e.Item as GridHeaderItem; 
        
                    headerItem["EditCommandColumn"].Text = AllowEdit ? "Edit" : "View"; 
        
                } 
        
            } 
        
            protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e) 
        
            { 
        
                GridEditableItem item; 
        
                NoteEntity note; 
        
                int newNoteTypeID; 
        
                string msg = string.Empty; 
        
                item = e.Item as GridEditableItem; 
        
                newNoteTypeID = (item.FindControl("cboType") as RadComboBox).SelectedValue.ToInt(); 
        
                note = ServiceProxy.getService<INoteService>().Fetch(item.GetDataKeyValue("NoteID").ToString().ToInt(), FetchTypes.Heavy); 
        
                // update the note 
        
                note.Note = (item.FindControl("radEditor_Note") as RadEditor).Content; 
        
                note.Important = (item.FindControl("chkImportant") as CheckBox).Checked; 
        
                note.Subject = (item.FindControl("txtSubject") as RadTextBox).Text; 
        
                // update the note type 
        
                switch (ForeignKeyType) 
        
                { 
        
                    case ForeignKeyTypes.Branch: 
        
                        if (note.BranchNote != null) 
        
                            note.BranchNote[0].BranchNoteTypeID = newNoteTypeID; 
        
                        break; 
        
                    case ForeignKeyTypes.BranchProspect: 
        
                        if (note.BranchProspectNote != null) 
        
                            note.BranchProspectNote[0].BranchProspectNoteTypeID = newNoteTypeID; 
        
                        break; 
        
                    case ForeignKeyTypes.Recruit: 
        
                        if (note.RecruitApplicationNote != null && note.RecruitApplicationNote.Count > 0) 
        
                            note.RecruitApplicationNote[0].RecruitNoteTypeID = newNoteTypeID; 
        
                        break; 
        
                    default: break; 
        
                } 
        
                // perform the save 
        
                note = ServiceProxy.getService<IEntityService>().EntitySave(note) as NoteEntity; 
        
                msg = note.StatusMessage; 
        
                if (msg.Length > 0) 
        
                { 
        
                    lblStatusMessage.Text = msg; 
        
                    lblStatusMessage.ForeColor = System.Drawing.Color.Red; 
        
                    ErrorHandler.Handle(new Exception(msg), Request); 
        
                } 
        
                e.Item.OwnerTableView.ClearEditItems(); 
        
                LoadData(true); 
        
            } // RadGrid1_UpdateCommand 
        
            protected void RadGrid1_InsertCommand(object source, GridCommandEventArgs e) 
        
            { 
        
                GridEditableItem item; 
        
                NoteEntity note; 
        
                int newNoteTypeID; 
        
                string msg = string.Empty; 
        
                item = e.Item.OwnerTableView.GetInsertItem() as GridEditableItem; 
        
                note = new NoteEntity(); 
        
                newNoteTypeID = (item.FindControl("cboType") as RadComboBox).SelectedValue.ToInt(); 
        
                note.Note = (item.FindControl("radEditor_Note") as RadEditor).Content; 
        
                note.Important = (item.FindControl("chkImportant") as CheckBox).Checked; 
        
                note.Subject = (item.FindControl("txtSubject") as RadTextBox).Text; 
        
                note.ClientDate = DateTime.Now; 
        
                note.RecordedBy = CurrentUser.FullName; 
        
                // add the note type 
        
                switch (ForeignKeyType) 
        
                { 
        
                    case ForeignKeyTypes.Branch: 
        
                        BranchNoteEntity bne = new BranchNoteEntity(ForeignKey, note.NoteID); 
        
                        note.BranchNote.Add(bne); 
        
                        break; 
        
                    case ForeignKeyTypes.BranchProspect: 
        
                        BranchProspectNoteEntity bpne = new BranchProspectNoteEntity(ForeignKey.ToInt(), note.NoteID); 
        
                        note.BranchProspectNote.Add(bpne); 
        
                        break; 
        
                    case ForeignKeyTypes.Recruit: 
        
                        RecruitApplicationNoteEntity rne = new RecruitApplicationNoteEntity(ForeignKey.ToInt(), note.NoteID); 
        
                        note.RecruitApplicationNote.Add(rne); 
        
                        break; 
        
                    default: break; 
        
                } 
        
                // perform the save 
        
                note = ServiceProxy.getService<IEntityService>().EntitySave(note) as NoteEntity; 
        
                msg = note.StatusMessage; 
        
                if (msg.Length > 0) 
        
                { 
        
                    lblStatusMessage.Text = msg; 
        
                    lblStatusMessage.ForeColor = System.Drawing.Color.Red; 
        
                    ErrorHandler.Handle(new Exception(msg), Request); 
        
                } 
        
                e.Item.OwnerTableView.IsItemInserted = false; 
        
                LoadData(true); 
        
            } // RadGrid1_InsertCommand 
        
            private void LoadData() 
        
            { 
        
                LoadData(false); 
        
            } 
        
            private void LoadData(bool rebind) 
        
            { 
        
                DataSet dsSource = ServiceProxy.getService<INoteService>().FetchNotes(ForeignKeyType, ForeignKey, FetchTypes.Heavy); 
        
                if (dsSource.Tables.Count > 0) 
        
                { 
        
                    DataColumn dc = new DataColumn("SubjectSummary", Type.GetType("System.String")); 
        
                    dsSource.Tables[0].Columns.Add(dc); 
        
                    foreach (DataRow dr in dsSource.Tables[0].Rows) 
        
                    { 
        
                        string summary = dr["Subject"].ToString().StripTags(); 
        
                        dr["SubjectSummary"] = summary.Length < SummaryLength ? summary : string.Format("{0}...", summary.Left(SummaryLength - 3)); 
        
                    } 
        
                    RadGrid1.DataSource = dsSource; 
        
                    if (rebind) 
        
                        RadGrid1.DataBind(); 
        
                } 
        
                ErrorHandler.Handle(new ArgumentException(string.Format("No data was returned for the FetchNotes method:\n\nForeignKeyType: {0}\nForeignKey: {1}\n", ForeignKeyType, ForeignKey)), this.Request); 
        
            }

I've tried all the suggestions from the forums that I could find, including doing the "e.Item.OwnerTableView.IsItemInserted = false;" command, doing a rebind after that, setting the AllowAutomaticInserts to false, etc.

Any ideas?

Thanks
-
Scott

Grid

answered on 27 Oct 2015

3 answers

67 views

MasterTableView.set_expanded creates Get request not found

Hello,

I have a grid with a nested view template. I removed the expand/collapse column to create a customized one.

In the ItemDataBound method I do the following:

TableCell tcExpand = item["Expand"];

Image img = new Image();

img.ImageUrl = "/images/expand_collapse_plus.gif";

img.AlternateText = "+";

img.Attributes.Add("OnClick","ExpandThisMasterTableViewItem(this);");

tcExpand.Controls.Clear();

tcExpand.Controls.Add(img);

On the front end I have:

function ExpandThisMasterTableViewItem(sender) {

var rowIndex = $(sender).closest("tr").attr("id");

rowIndex = rowIndex.substr(rowIndex.lastIndexOf('_') + 1);

var firstMasterTableViewRow = $find("<%= myGrid.MasterTableView.ClientID %>").get_dataItems()[rowIndex];

if (firstMasterTableViewRow.get_expanded()) {

$(sender).closest("tr").find("td").css("background-color", "none");

$(sender).closest("img[src*='expand']").src = "/images/expand_collapse_plus.gif";

firstMasterTableViewRow.set_expanded(true);

}

else {

$(sender).closest("tr").find("td").css("background-color", "#DBFEDB");

$(sender).closest("img[src*='expand']").attr('src', '/images/expand_collapse_minus.gif');

firstMasterTableViewRow.set_expanded(true);

}

The line firstMasterTableViewRow.set_expanded always seems to call an image for my custom expand button and I end up with an error :

GET http://localserver/mypage/undefined 404 (Not Found)

If I comment the line, I do not have that 404 not found error. But i need to expand / collapse my rows.

Any idea why this error is thrown with that line?

Thank you

General Discussions

answered on 27 Oct 2015

1 answer

95 views

LoadOnDemand for NestedViewTemplate

Hi community,

I am facing the following challenge:

I want to view some table data with nested details and different structure, but the details should be load on demand to reduce load to the database.

I tried using the NestedViewTemplate which unfortunately shows the same behavior regardless of the "HierarchyLoadMode" or the "GroupLoadMode".

All of the data queries are fired at once during initial load/databind.

I also tried it with the example from http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/hierarchy-with-templates/defaultcs.aspx which shows the same behavior.

Isn't there an option to load data for the NestedViewTemplate on demand? What am I doing wrong?

Best regards,

Tobias

Grid

answered on 27 Oct 2015

0 answers

113 views

radconfirm on radgrid OnCommand

i need to call Server side "Grid_ItemCommand"

<telerik:RadGrid ID="DgDataGrid" runat="server" AllowPaging="true" PageSize="10" OnItemDataBound="DgDataGrid_ItemDataBound" OnItemCommand="DgDataGrid_ItemCommand" CellSpacing="2" >
<MasterTableView AutoGenerateColumns="false" TableLayout="Fixed">

....

      </MasterTableView>
      <ClientSettings>
              <ClientEvents OnCommand="OnCommand" />
       </ClientSettings>

Grid

asked on 27 Oct 2015

7 answers

293 views

Can't use RadAjaxLoadingPanel and RadAsyncUpload simultaneously.

Hi all,
Using UI for ASP.NET AJAX Q3 2015 along with VS 2013. I am using below link as a prototype.

http://demos.telerik.com/aspnet-ajax/asyncupload/examples/validation/defaultcs.aspx

I modified it to fit my requirements. I would like to use RadAjaxLoadingPanel and RadAsyncUpload together on the button click event of the below button (attached AsyncUpload - Validation.png)

<telerik:RadButton runat="server" Skin="Silk" ID="BtnSubmit"Text="Validate the uploaded files" OnClick="BtnSubmit_Click"></telerik:RadButton>

On Button Click event, the routine uploads the file as well as runs SQL Stored procedure and on return Stored procedure also executes SSIS packages.
The whole process takes some 5-7 minutes that is the main reason I would like to display the Loading Panel during the execution phase. Instead of IE “Waiting for Local host” message. If I do use RadAjaxLoadingPanel, after the process complete, current form stays open, does not go to attached 2nd screen (Attachment 2.png).

Below is my complete code. Thanks for any help

Gc_0620

_________

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

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

<head runat="server">

<title>Telerik ASP.NET Example</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

<script type="text/javascript" src="scripts.js"></script>

</head>

<body>

<form id="form1" runat="server">

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

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

<script type="text/javascript">

function rAsyncUpload_Selected(sender, args) {

var currentFileName = args.get_fileName();

document.getElementById('<%=hidValueFileName.ClientID %>').value = currentFileName;

}

function OnClientFileUploadRemoved(sender, args) {

var currentFileName = args.get_fileName();

// alert(currentFileName); //OnClientFileUploadRemoved

document.getElementById('<%=hidValueFileName.ClientID %>').value = "";

__doPostBack("<%= RefreshButton.UniqueID %>", "OnClick");

}

</script>

</telerik:RadCodeBlock>

<div class="demo-container size-medium">

<div class="qsf-demo-canvas">

<h2>Upload your files</h2>

<ul class="qsf-list">

<li>

<strong>Allowed file types:</strong> jpg, jpeg, png, gif,csv (client-side validation).

</li>

<li>

<strong>Allowed overall upload size:</strong> 100 MB (server-side validation).

</li>

</ul>

<table>

<tr id="in_put" runat="server">

<td>

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" AutoPostBack="true" OnSelectedDateChanged="btnPopulate_Form"

runat="server">

</telerik:RadMonthYearPicker>

</td>

<td>

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" AllowedFileExtensions="jpg,jpeg,png,gif,csv" TargetFolder="" MultipleFileSelection="Automatic"

OnClientFileSelected="rAsyncUpload_Selected"

PostbackTriggers="BtnSubmit" MaxFileSize="100971520" Skin="Silk"

OnClientFileUploadRemoved="OnClientFileUploadRemoved"

UploadedFilesRendering="BelowFileInput">

</telerik:RadAsyncUpload>

</td>

</tr>

</table>

<div class="qsf-results">

<telerik:RadButton runat="server" Skin="Silk" ID="BtnSubmit"

Text="Validate the uploaded files" OnClick="BtnSubmit_Click">

</telerik:RadButton>

<asp:Panel ID="ValidFiles" Visible="false" runat="server" CssClass="qsf-success">

<h3>You successfully uploaded:</h3>

<ul class="qsf-list" runat="server" id="ValidFilesList"></ul>

</asp:Panel>

<asp:Panel ID="InvalidFiles" Visible="false" runat="server" CssClass="qsf-error">

<h3>The Upload failed for:</h3>

<ul class="qsf-list ruError" runat="server" id="InValidFilesList">

<li>

<p class="ruErrorMessage">The size of your overall upload exceeded the maximum of 1 MB</p>

</li>

</ul>

</asp:Panel>

<telerik:RadButton Skin="Silk" ID="RefreshButton" runat="server" OnClick="RefreshButton_Click" Visible="false" Text="Back"></telerik:RadButton>

</div>

<div class="qsf-decoration"></div>

</div>

<script type="text/javascript">

//<![CDATA[

Sys.Application.add_load(function () {

demo.initialize();

});

//]]>

</script>

<table>

<tr>