<
telerik:RadTreeView ID="EntityListView" runat="server" CheckBoxes="true" EnableTheming="false"
Skin="Vista">
<NodeTemplate>
<asp:TextBox ID="tb" runat="server" Width="200px"></asp:TextBox>
</NodeTemplate>
<Nodes>
<telerik:RadTreeNode Text="Software" Expanded="true">
<Nodes>
<telerik:RadTreeNode Text="Business &amp; Office" />
<telerik:RadTreeNode Text="Database" />
<telerik:RadTreeNode Text="Networking" />
<telerik:RadTreeNode Text="Presentation" />
<telerik:RadTreeNode Text="Project Management" />
<telerik:RadTreeNode Text="Reports" />
<telerik:RadTreeNode Text="Spreadsheet" />
<telerik:RadTreeNode Text="Word Processing" />
</Nodes>
</telerik:RadTreeNode>
</Nodes>
<CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation>
<ExpandAnimation Duration="100"></ExpandAnimation>
</telerik:RadTreeView>
I have a UserControl with RadAjaxPanel, two asp:panels and some RadControls like RadTextBox, RadComboBox etc. and two buttons (back and continue). I use a skinfile.skin to set all the RadControls to Vista-skin. When I first get to the aspx page panel 1 is shown (visible=true) and panel 2 is hidden (visible=false). Vista skin works and everything looks fine, but when I click on the continue button which hides panel 1 and shows panel 2 the Vista skin stops working. All the RadControls look strange. If I click on the back button and then on the continue button again the Vista look starts and everything looks as it should. Without the RadAjaxPanel this works fine.
What is the problem and how can I get it to work?
The principle code looks like this:
/***** UserControl (Without a lot of tags/attributes) ******/
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">
<asp:Panel ID="pnl1" runat="server" CssClass="candidatePersonalInfoPanel">
<telerik:RadTextBox ID="txt1" runat="server" />
<telerik:RadComboBox ID="ddl1" runat="server" />
</asp:Panel>
<asp:Panel ID="pnl2" runat="server" Visible="false">
<telerik:RadTextBox ID="txt2" runat="server" />
<telerik:RadComboBox ID="ddl2" runat="server" />
</asp:Panel>
<asp:Button ID="btnBack" CausesValidation="false" runat="server" Text="« Back" />
<asp:Button ID="btnContinue" CausesValidation="true" runat="server" Text="Continue »" />
</telerik:RadAjaxPanel>
/***** SkinFile.skin ******/
<telerik:RadComboBox runat="server"
Skin="Vista">
</telerik:RadComboBox>
<telerik:RadTextBox runat="server"
Skin="Vista"
InvalidStyleDuration="100">
</telerik:RadTextBox>
Hi,
I want to find RadComboBox on a page with jquery and set some text to this control. My code:
| $telerik.$("[id$='RadComboBox1']").set_text('sas'); |
but it doesn't work properly. Why?
With $find it works fine:
| contentWin.$find("RadComboBox1").set_text('asdfgh') |
| <div class="contentfull"> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="grdCourses"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="grdCourses" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadGrid ID="grdCourses" runat="server" AllowMultiRowEdit="false" AllowMultiRowSelection="false" |
| AllowSorting="true" Skin="Vista" Width="50%"> |
| <ClientSettings> |
| <Scrolling AllowScroll="false" /> |
| <Selecting AllowRowSelect="true"/> |
| </ClientSettings> |
| <ExportSettings Excel-FileExtension="xls" Excel-Format="ExcelML" ExportOnlyData="True" OpenInNewWindow="True"></ExportSettings> |
| <MasterTableView GridLines="None" EditMode="PopUp" CommandItemDisplay="TopAndBottom" AutoGenerateColumns="False" AllowPaging="False"> |
| <CommandItemSettings AddNewRecordText="Add New Course" /> |
| <Columns> |
| <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn> |
| <telerik:GridBoundColumn UniqueName="CourseID" HeaderText="ID" DataField="CourseID"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="Title" DataField="Title" HeaderText="Title" Visible="True" ItemStyle-HorizontalAlign="Left"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="Description" DataField="Details" HeaderText="Description" Visible="False"></telerik:GridBoundColumn> |
| <telerik:GridButtonColumn UniqueName="Delete" CommandName="Delete" Text="Delete"></telerik:GridButtonColumn> |
| </Columns> |
| <EditFormSettings EditFormType="Template"> |
| <FormTemplate> |
| <div> |
| Hi Edit Form |
| </div> |
| </FormTemplate> |
| <PopUpSettings Height="800px" ScrollBars="None" Width="800px" Modal="true" /> |
| </EditFormSettings> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </div><!--contentfull--> |
| <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %> |
| <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager id="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" /> |
| <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" EnablePageHeadUpdate="false"> |
| <telerik:RadTabStrip ID="RadTabStrip1" |
| runat="server" |
| MultiPageID="RadMultiPage1" |
| SelectedIndex="0" |
| EnableEmbeddedSkins="false" |
| meta:resourceKey="RadTabStrip1Resource1"> |
| <Tabs> |
| <telerik:RadTab PageViewID="Step 1" Selected="true" runat="server" CssClass="progress current" /> |
| <telerik:RadTab PageViewID="Step 2" runat="server" CssClass="progressDisabled" /> |
| <telerik:RadTab PageViewID="Step 3" runat="server" CssClass="progressDisabled" /> |
| </Tabs> |
| </telerik:RadTabStrip> |
| <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"> |
| <%-- STEP 1 --%> |
| <telerik:RadPageView ID="SelectAudience" runat="server" Selected="true" meta:resourceKey="SelectAudienceResource1"> |
| <p>Step 1</p> |
| <div class="block append-bottom"> |
| <div class="prepend-16 span-6" align="center"> |
| <asp:Button ID="btnNextStep1" runat="server" CssClass="next" |
| text="Step 2" /> |
| </div> |
| </div> |
| </telerik:RadPageView> |
| <%-- STEP 2 --%> |
| <telerik:RadPageView ID="CreateMessage" runat="server" meta:resourceKey="CreateMessageResource1"> |
| <div class="block"> |
| <div class="span-24"> |
| <telerik:RadEditor ID="txtMessage" |
| runat="server" |
| Skin="Vista" |
| SkinID="messageEdit" |
| EditModes="Design, Preview" |
| meta:resourceKey="txtMessageResource1" > |
| <Tools> |
| <telerik:EditorToolGroup> |
| <telerik:EditorTool Name="Bold" /> |
| <telerik:EditorTool Name="Italic" /> |
| <telerik:EditorTool Name="Underline" /> |
| <telerik:EditorTool Name="AjaxSpellCheck" /> |
| <telerik:EditorTool Name="Copy" /> |
| <telerik:EditorTool Name="Cut" /> |
| <telerik:EditorTool Name="Paste" /> |
| <telerik:EditorTool Name="PasteFromWord" /> |
| <telerik:EditorTool Name="Undo" /> |
| <telerik:EditorTool Name="InsertTime" /> |
| <telerik:EditorTool Name="JustifyLeft" /> |
| <telerik:EditorTool Name="JustifyCenter" /> |
| <telerik:EditorTool Name="JustifyRight" /> |
| <telerik:EditorTool Name="Superscript" /> |
| <telerik:EditorTool Name="Subscript" /> |
| </telerik:EditorToolGroup> |
| </Tools> |
| <Content> |
| </Content> |
| </telerik:RadEditor> |
| </div> |
| </div> |
| <div class="block append-bottom"> |
| <div class="prepend-10 span-12" align="center"> |
| <asp:Button ID="btnPreviousStep2" runat="server" CssClass="previous" |
| Text="Back" CausesValidation="False" /> |
| <asp:Button ID="btnNextStep2" runat="server" CssClass="next" Text="Step 3" |
| ValidationGroup="2" /> |
| </div> |
| </div> |
| </telerik:RadPageView> |
| <%-- STEP 3 --%> |
| <telerik:RadPageView ID="Confirmation" runat="server"> |
| <p>Step 3</p> |
| <div class="block append-bottom"> |
| <div class="prepend-4 span-6" align="center"> |
| <asp:Button ID="btnPreviousStep3" runat="server" CssClass="previous" |
| Text="Back" CausesValidation="False" |
| meta:resourceKey="btnPreviousStep3Resource1" /> |
| </div> |
| <div class="span-6" align="center"> |
| <asp:Button ID="btnStartOver" runat="server" CssClass="startOver" |
| Text="Start Over" CausesValidation="False" /> |
| </div> |
| </div> |
| </telerik:RadPageView> |
| </telerik:RadMultiPage> |
| </telerik:RadAjaxPanel> |
| </form> |
| </body> |
| </html> |