Questions on UI for ASP.NET AJAX Forum

I have been using RadTreeList in one of my project, I have used RadUpload Control which lies inside the EditFormSettings of the RadTreeList. I have used javascript for validating RadUpload control (i.e. where user has selected any file or not), now the problem here is that I'm not able to find/get the RadUpload control inside the RadTreeList in my javascript, though I'm getting the RadTreeList control.

Below is my code :-

function IsFilesSelected(source, args) {

debugger;

args.IsValid = true;

var treeList = $find("<%= FAQRadTreeList.ClientID %>");

var RadUpload = treeList._findChildControl.getName("UploadDocumentRadUpload");

var UploadLabel = treeList.selectItem(ImageExtensionLabel);

var FileInputs = RadUpload.getFileInputs();

for (var i = 0; i < FileInputs.length; i++) {

if (FileInputs[i].value && FileInputs[i].value.length > 0) {

args.IsValid = true;

}

else {

if (UploadLabel == null || UploadLabel.innerHTML == '')

args.IsValid = false;

else

args.IsValid = true;

}

While my RadTreeList is shown below :-

<telerik:RadTreeList ID="FAQRadTreeList" runat="server" AllowPaging="True" DataSourceID="FAQSqlDataSource"

PageSize="20" DataKeyNames="FAQ_ID" ParentDataKeyNames="FAQ_Parent_ID" AutoGenerateColumns="False"

Width="100%" OnInsertCommand="FAQRadTreeList_InsertCommand" OnItemCommand="FAQRadTreeList_ItemCommand"

OnItemDataBound="FAQRadTreeList_ItemDataBound" OnUpdateCommand="FAQRadTreeList_UpdateCommand"

OnItemDrop="FAQRadTreeList_ItemDrop">

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<Columns>

<telerik:TreeListEditCommandColumn UniqueName="InsertCommandColumn" ButtonType="ImageButton"

AddRecordText="Add" ShowEditButton="true" ItemStyle-CssClass="MyImageButton">

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" Width="60px" />

<HeaderStyle VerticalAlign="Top" HorizontalAlign="Left" Width="60px" />

</telerik:TreeListEditCommandColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_Title" UniqueName="FAQ_Title" HeaderText="Title">

<ItemTemplate>

<asp:Label ID="FAQTitleLabel" runat="server" Text='<%# Bind("FAQ_Title") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" Width="120px" />

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" Width="120px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_Description" UniqueName="FAQ_Description"

HeaderText="Description">

<ItemTemplate>

<asp:Label ID="FAQDescriptionLabel" runat="server"

Text='<%# ( Eval("FAQ_Description").ToString().Length > 150)? string.Concat(Eval("FAQ_Description").ToString().Substring(0, 150), ".....") : Eval("FAQ_Description") %>'></

asp:Label>

<telerik:RadToolTip ID="FAQDescriptionRadToolTip" TargetControlID='<%# ( Eval("FAQ_Description").ToString().Length > 150)? "FAQDescriptionLabel" : "" %>'

Width="400px" Height="300px" ContentScrolling="Y" runat="server" HideDelay="1000"

Position="TopCenter" RelativeTo="Element" ShowDelay="1000">

<%# Eval("FAQ_Description")%>

</telerik:RadToolTip>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" />

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="ParentName" UniqueName="ParentName" HeaderText="Parent Item">

<ItemTemplate>

<asp:Label ID="ParentTitleLabel" runat="server" Text='<%# Bind("ParentName") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" Width="100px" />

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" Width="100px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_Order" UniqueName="FAQ_Order" HeaderText="Order">

<ItemTemplate>

<telerik:RadNumericTextBox ID="FAQOrderRadNumericTextBox" MinValue="1" NumberFormat-DecimalDigits="0"

Enabled="false" runat="server" Width="50px" Text='<%# Bind("FAQ_Order") %>'>

<EnabledStyle Font-Names="Verdana" HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn HeaderText="Status" DataField="FAQ_ActiveStatus"

UniqueName="FAQ_ActiveStatus">

<ItemTemplate>

<asp:Label ID="ActiveStatusLabel" runat="server" CssClass='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "active" : "inactive" %>'

ToolTip='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "Active" : "Inactive" %>'

Text=" "></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_ActiveStatus" HeaderText="Action"

UniqueName="ActiveStatus">

<ItemTemplate>

<asp:ImageButton ID="ActiveInactiveButton" runat="server" ToolTip='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "Make inactive" : "Make active" %>'

Width="14px" Height="14px" CommandName="ActiveInactive" ImageUrl='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "../App_Themes/ELPISCMS/images/inactive.png" : "../App_Themes/ELPISCMS/images/active.png" %>' />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

</telerik:TreeListTemplateColumn>

</Columns>

<EditFormSettings EditFormType="Template" PopUpSettings-Width="100%">

<FormTemplate>

<asp:Panel ID="DetailsPanel" runat="server" DefaultButton="SaveRadButton">

<table border="0" cellpadding="0" cellspacing="5" class="innertable">

<tr>

<td class="td18">

Title : <span class="mandatorymark">*</span>

</td>

<td class="td82">

<telerik:RadTextBox ID="FAQTitleRadTextBox" runat="server" SkinID="FAQTitleRadTextBox">

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="ReferenceTitleRequiredFieldValidator" runat="server"

ValidationGroup="FAQValidationGroup" Display="Dynamic" SetFocusOnError="true"

ControlToValidate="FAQTitleRadTextBox" CssClass="requiredfield" ErrorMessage="Required!"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="td18">

Description : <span class="mandatorymark">*</span>

</td>

<td class="td82">

<telerik:RadTextBox ID="FAQDescriptionRadTextBox" runat="server" TextMode="MultiLine"

Rows="8" SkinID="FAQDescriptionRadTextBox">

</telerik:RadTextBox>

<%-- <telerik:RadEditor ID="ReferenceDescriptionRadEditor" runat="server" AutoResizeHeight="false"

EnableResize="false" OnClientLoad="OnClientLoad" EditModes="Design, Html" AllowScripts="false"

ContentFilters=

"RemoveScripts,MakeUrlsAbsolute,FixUlBoldItalic,FixEnclosingP,IECleanAnchors,MozEmStrong,ConvertFontToSpan,ConvertToXhtml,IndentHTMLContent"

NewLineBr="true" StripFormattingOptions="AllExceptNewLines" StripFormattingOnPaste="AllExceptNewLines"

Height="600px" Width="700px">

<ImageManager ViewPaths="~/uploads/editoruploadimages" UploadPaths="~/uploads/editoruploadimages"

DeletePaths="~/uploads/editoruploadimages" />

<CssFiles>

<telerik:EditorCssFile Value="" />

</CssFiles>

<ContextMenus>

<telerik:EditorContextMenu Enabled="true">

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

</telerik:EditorContextMenu>

</ContextMenus>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="AjaxSpellCheck" />

<telerik:EditorTool Name="FindAndReplace" />

<telerik:EditorTool Name="SelectAll" />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorTool Name="Redo" />

<telerik:EditorTool Name="Undo" />

<telerik:EditorTool Name="InsertLink" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="FontName" />

<telerik:EditorTool Name="RealFontSize" />

<telerik:EditorTool Name="ApplyClass" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="ForeColor" />

<telerik:EditorTool Name="BackColor" />

<telerik:EditorTool Name="FormatStripper" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="InsertAnchor" />

<telerik:EditorTool Name="InsertCustomLink" />

<telerik:EditorTool Name="InsertDate" />

<telerik:EditorTool Name="InsertGroupbox" />

<telerik:EditorTool Name="InsertHorizontalRule" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="Paragraph" />

<telerik:EditorTool Name="InsertTable" />

<telerik:EditorTool Name="InsertSnippet" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="LinkManager" />

<telerik:EditorTool Name="ImageManager" />

<telerik:EditorTool Name="ImageMapDialog" />

<telerik:EditorTool Name="DocumentManager" />

<telerik:EditorTool Name="ConvertToLower" />

<telerik:EditorTool Name="ConvertToUpper" />

<telerik:EditorTool Name="ToggleScreenMode" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<div style="float: right;">

<span id="counter" style="text-align: right;"></span>

</div>--%>

<asp:RequiredFieldValidator ID="FAQDescriptionRequiredFieldValidator" runat="server"

ValidationGroup="FAQValidationGroup" Display="Dynamic" SetFocusOnError="true"

ControlToValidate="FAQDescriptionRadTextBox" CssClass="requiredfield" ErrorMessage="Required!"></asp:RequiredFieldValidator>

</td>

</tr>

<td class="td18">

Upload Document : <span class="mandatorymark">*</span>

</td>

<td class="td82">

<telerik:RadUpload ID="UploadDocumentRadUpload" runat="server" ControlObjectsVisibility="AddButton,RemoveButtons"

InputSize="50" AllowedFileExtensions=".png,.jpg,.jpeg,.gif" oncontextmenu="return false;"

onpaste="return false;" ReadOnlyFileInputs="true"/>

<span style="line-height: 15px; vertical-align: top;">

<asp:Label ID="ImageExtensionLabel" runat="server" Text="<br/>(Only .PNG,.JPG,.JPEG,.GIF images allowed)" />

<br />

<asp:Label runat="server" ID="ImageNameLabel" Visible="false" />

</span>

<br />

<telerik:RadProgressArea ID="UploadDocumentRadProgressArea" runat="server" ProgressIndicators="CurrentFileName">

</telerik:RadProgressArea>

<asp:CustomValidator ID="IsFilesSelectedCustomValidator" runat="server" ClientValidationFunction="IsFilesSelected"

Display="Dynamic" SetFocusOnError="true" CssClass="requiredfield" ValidationGroup="FAQValidationGroup"

ErrorMessage="Required!"></asp:CustomValidator>

<asp:CustomValidator ID="ValidateExtensionCustomValidator" runat="server" ClientValidationFunction="validateImageRadUpload"

Display="Dynamic" SetFocusOnError="true" CssClass="requiredfield" ValidationGroup="FAQValidationGroup"

ErrorMessage="<br/>(Only .PNG,.JPG,.JPEG,.GIF images allowed)"></asp:CustomValidator>

</td>

<tr>

<td>

</td>

<td class="td82">

<telerik:RadGrid ID="FilesRadGrid" runat="server" AllowFilteringByColumn="True" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" CellSpacing="0" DataSourceID="FilesSqlDataSource"

GridLines="None" Width="530px" Visible="false" OnItemCommand="FilesRadGrid_ItemCommand">

<MasterTableView DataKeyNames="FAQ_Uploads_ID" DataSourceID="FilesSqlDataSource">

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="FileName" FilterControlAltText="Filter FileName column"

HeaderText="File Name" SortExpression="FileName" UniqueName="FileName" FilterControlWidth="80%">

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" Font-Size="11px" Font-Names="Arial" VerticalAlign="Middle" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Action" AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="DeleteImageButton" runat="server" ToolTip="Delete" CommandName="Del"

ImageUrl="~/App_Themes/ELPISCMS/images/delete.png" OnClientClick="if (!confirm('Are you sure, you want to delete this record?')) {return false;}"

CommandArgument='<%# Eval("FAQ_Uploads_ID") +":"+ Eval("FAQ_Uploads_ID") %>' />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="50px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="50px" />

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column" />

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False" />

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" />

</telerik:RadGrid>

<asp:SqlDataSource ID="FilesSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:elpis_cmsConnectionString %>"

SelectCommand="Usp_FAQ_Uploads_Select" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:ControlParameter ConvertEmptyStringToNull="true" ControlID="FAQIDHiddenField"

DbType="Int32" Name="FAQ_ID" PropertyName="Value" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr>

<td class="td18">

Status :

</td>

<td class="td82">

<asp:RadioButton ID="ActiveRadioButton" runat="server" CssClass="radiobutton" Checked="true"

GroupName="ActiveInactive" />Active

<asp:RadioButton ID="InactiveRadioButton" runat="server" CssClass="radiobutton" GroupName="ActiveInactive" />Inactive

</td>

</tr>

<tr>

<td>

</td>

<td class="td82">

<telerik:RadButton ID="SaveRadButton" runat="server" Text='<%# (Container is TreeListEditFormInsertItem) ? "Save" : "Update" %>'

CausesValidation="true" CommandName='<%# (Container is TreeListEditFormInsertItem) ? "PerformInsert" : "Update" %>'

ValidationGroup="FAQValidationGroup" Width="80px">

<Icon PrimaryIconUrl="~/App_Themes/ELPISCMS/images/save2.png" PrimaryIconLeft="5"

PrimaryIconTop="3" />

</telerik:RadButton>

<telerik:RadButton ID="CancelRadButton" runat="server" Text="Cancel" CommandName="Cancel"

CausesValidation="false" Width="80px">

<Icon PrimaryIconUrl="~/App_Themes/ELPISCMS/images/cancel2.png" PrimaryIconLeft="5"

PrimaryIconTop="3" />

</telerik:RadButton>

</td>

</tr>

</table>

</asp:Panel>

</FormTemplate>

</EditFormSettings>

<ClientSettings AllowItemsDragDrop="true">

<Selecting AllowItemSelection="True" />

</ClientSettings>

</telerik:RadTreeList>

<asp:SqlDataSource ID="FAQSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:elpis_cmsConnectionString %>"

SelectCommand="Usp_FAQ_Select" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

It would be great if you guys please help me.

Thanks

Ajay