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

Cannot access controls in a RadPanelItem

10 Answers 331 Views

PanelBar

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

Aron asked on 19 Nov 2010, 05:21 AM

I have a RadPanelBar with RadPanelItem and it has some controls. I am trying to access a textbox in the RadPanelItem and I get errors like:

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

page:
http://beta.simpletick.com/marketplace/add/

aspx:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%">

<Items>

<telerik:RadPanelItem runat="server" Expanded="true" Text="Submit your theme now"

Width="100%" CssClass="PanelTitle">

<ItemTemplate>

<table>

<tr>

<td>Theme Title:</td>

<td>

<asp:TextBox ID="ThemeTitle" runat="server"></asp:TextBox>

<img src="../../img/icons/question.png" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" CssClass="required" ControlToValidate="ThemeTitle" runat="server" ErrorMessage="Required" Display="Dynamic"></asp:RequiredFieldValidator>

<asp:Label ID="ThemeTitleError" runat="server" />

</td>

</tr>

<tr>

<td>Zip File:</td>

<td>

<telerik:RadUpload ID="ZipFileRadUpload1" InitialFileInputsCount="1" ControlObjectsVisibility="None" MaxFileInputsCount="1" runat="server">

</telerik:RadUpload>

<img src="../../img/icons/question.png" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" CssClass="required" ControlToValidate="ZipFileRadUpload1" runat="server" ErrorMessage="Required" Display="Dynamic"></asp:RequiredFieldValidator>

<asp:Label ID="ZipFileRadUpload1Error" runat="server" />

</td>

</tr>

<tr>

<td>Screenshot:</td>

<td>

<telerik:RadUpload ID="ScreenshotRadUpload1" InitialFileInputsCount="1" ControlObjectsVisibility="None" MaxFileInputsCount="1" runat="server">

</telerik:RadUpload>

<img src="../../img/icons/question.png" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" CssClass="required" ControlToValidate="ScreenshotRadUpload1" runat="server" ErrorMessage="Required" Display="Dynamic"></asp:RequiredFieldValidator>

<asp:Label ID="ScreenshotRadUpload1Error" runat="server" />

</td>

</tr>

<tr>

<td>What Skin Matches Best?</td>

<td>

<telerik:RadComboBox ID="BestSkin" runat="server">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

</Items>

</telerik:RadComboBox>

<img src="../../img/icons/question.png" />

</td>

</tr>

<tr>

<td>How wide should event/product images be?</td>

<td>

<telerik:RadNumericTextBox ID="EventProductImageWidthSize" Value="250" ShowSpinButtons="true" MinValue="100" MaxValue="800" Type="Number" runat="server">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

px

<img src="../../img/icons/question.png" />

</td>

</tr>

<tr>

<td>Your PayPal Account:</td>

<td>

<asp:TextBox ID="PayPalAccount" MaxLength="50" runat="server"></asp:TextBox>

<img src="../../img/icons/question.png" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" CssClass="required" ControlToValidate="PayPalAccount" runat="server" ErrorMessage="Required" Display="Dynamic"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>Selling Price:</td>

<td>

<telerik:RadNumericTextBox ID="SellingPrice" Value="25" ShowSpinButtons="true" MinValue="1" MaxValue="5000" Type="Currency" runat="server">

</telerik:RadNumericTextBox>

USD

<img src="../../img/icons/question.png" />

</td>

</tr>

</table>

<br />

<asp:Button ID="SubmitThemeButton" runat="server"

Text="Submit Theme"

ToolTip="This will save your theme to the SimpleTick marketplace"

onclick="SubmitThemeButton_Click" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

10 Answers, 1 is accepted

Accepted

answered on 01 Apr 2014, 03:19 AM

Hi Krishna,

Please have a look into the sample code snippet which works fine at my end.

ASPX:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server">

<Items>

<telerik:RadPanelItem Text="Item1">

<Items>

<telerik:RadPanelItem Text="Item1.1">

</telerik:RadPanelItem>

</Items>

<ItemTemplate>

<telerik:RadTextBox ID="RadTextBox1" runat="server" Text="Item Template">

</telerik:RadTextBox>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

JavaScript:

<script type="text/javascript">

function pageLoad() {

var panelbar = $find("<%=RadPanelBar1.ClientID %>");

var item = panelbar.findItemByText("Item1");

var TextBox = item.findControl("RadTextBox1");

}

</script>

Thanks,
Princy.

answered on 02 Apr 2014, 09:11 PM

Thanks Princy. However, I am trying to utilize the Required Field Validator for the text box. It does not pick up the text box control for validation.

<td style="width: 83%; white-space: nowrap;">

<telerik:RadTextBox ID="txtboxid" runat="server" ClientInstanceName="txtinstance" TabIndex="1" Width="100%">
</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="ReqValidator" runat="server" Display="Dynamic"
ControlToValidate="txtboxname" ErrorMessage="Required!" ToolTip=" Required!" Font-Bold="true" ForeColor="Maroon" Font-Size="Large" ValidationGroup="Save"></asp:RequiredFieldValidator>

</td>

answered on 08 Apr 2014, 05:35 PM

Hi Princy,

This is what solved my problem for the required field validator. This is due to a general configuration issue between the new unobtrusive ASP.NET 4.5 validation and jQuery. The way to workaround this issue is to disable the Unobstrusive validation mode with the following line in the web.config.

<appSettings>
       ...
       ...

    <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />

</appSettings>

Thanks a lot for all your help!

Regards,
Krishna