Can anyone tell me how to "select" the first RadMenuItem on the page load event? I have the following menu code and want the first item to appear as if it had been clicked (highlighted)
<
telerik:RadMenu ID="rmSubMenu" runat="server" Flow="Horizontal" Skin="Inox" Width="100%">
<DefaultGroupSettings ExpandDirection="Auto" Flow="Vertical" />
<CollapseAnimation Duration="200" Type="OutQuint" />
<Items>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Create Mission" ToolTip="Create a new mission">
<GroupSettings ExpandDirection="Auto" Flow="Vertical" />
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Edit Missions" ToolTip="Edit existing missions">
<GroupSettings ExpandDirection="Auto" Flow="Vertical" />
</telerik:RadMenuItem>
</Items>
<ExpandAnimation Type="OutQuart" />
</telerik:RadMenu>

<%
@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="website.MainMenu" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
script type="text/javascript" language="javascript">
function ClickHandler(node)
{
if(node.Nodes.length > 0)
{
node.Toggle();
}
}
</
script>
<div id="sidenav">
<div class="sidetop"></div>
<telerik:RadTreeView ID="RadTVTestMenu" runat="server" onnodedatabound="RadTVTestMenu_NodeDataBound" Skin="wired" EnableEmbeddedSkins="false" BeforeClientClick="ClickHandler">
<CollapseAnimation Type="OutQuint" Duration="100"></CollapseAnimation>
<ExpandAnimation Type="OutQuart" Duration="100"></ExpandAnimation>
</telerik:RadTreeView>
<div class="sidebottom"></div>
</
div>
<script type="text/javascript">
function RowCreated(rowObject)
{
//alert(rowObject.Type);
if(rowObject.ItemType == "NestedView")
{
var nestedTable = rowObject.Control.cells[1].childNodes[0];
if(nestedTable != null && nestedTable.tBodies[0].rows.length == 1 && nestedTable.innerHTML.indexOf("No child records to display.") != -1)
{
var parentRow = this.Control.rows[rowObject.Control.rowIndex - 1];
parentRow.cells[0].childNodes[0].style.display =
"none";
rowObject.Control.style.display =
"none";
}
}
}
</script>
thanks
| <telerik:GridTemplateColumn UniqueName="den_ldr_id" HeaderText="Den Leader"> |
| <ItemStyle Width="175" /> |
| <ItemTemplate> |
| <asp:Label Width="170" CssClass="gridDropDown" runat="server" ID="lbl_den_ldr_id" Text='<%#DataBinder.Eval(Container.DataItem, "adult_nm")%>' /> |
| </ItemTemplate> |
| <EditItemTemplate> |
| <telerik:RadComboBox Width="170" MarkFirstMatch="true" Skin="scSkin" EnableEmbeddedSkins="false" DataTextField="adult_nm" DataValueField="adult_id" DataSourceID="DenLeaderDataSource" ID="dd_den_ldr_id" runat="server" SelectedValue='<%#Bind("den_ldr_id") %>' /> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
| DenLeaderDataSource.ConnectionString = ConfigurationManager.ConnectionStrings("LocalSqlServer").ToString |
| DenLeaderDataSource.SelectCommand = "SELECT [sc_adult].[adult_id], [sc_adult].[adult_fnm] + ' ' + [sc_adult].[adult_lnm] AS [adult_nm] FROM [sc_adult] WHERE [sc_adult].[unit_id] = " & Profile.UnitID |
<
PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" AlwaysVisible="true" PagerTextFormat="Showing {2} - {3} of {5}: {4}" Font-Size="12px" Font-Bold="true" FirstPageImageUrl="/images/blank.gif" NextPageImageUrl="/images/blank.gif" LastPageImageUrl="/images/blank.gif" PrevPageImageUrl="/images/blank.gif"/>
in the source code I get this output for showing the pager, but only 1 page:
<tr class="GridPager_Vista" style="font-size:12px;font-weight:bold;">
<td colspan="13"><div class="PagerLeft_Vista">
Showing 1 - 5 of 5: <span><img title="Previous Pages" src="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" alt="Previous Pages" style="border-width:0px;" /></span> <span>1</span> <img title="Next Page" src="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" alt="Next Page" style="border-width:0px;" />
</div><div class="PagerRight_Vista">
</div></td>
</tr>
then when i get enough elements to page the source code is this:
<tr class="GridPager_Vista">
<td colspan="13"><div class="PagerLeft_Vista">
Showing 1 - 2 of 5: <span><img title="Previous Pages" src="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" alt="Previous Pages" style="border-width:0px;" /></span> <span>1</span> <a href="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl04','')">2</a> <a href="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl05','')">3</a> <a title="Next Page" originalAttribute="href" originalPath="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl04','')">2</a> <a href="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl05','')">3</a> <a title="Next Page" originalAttribute="href" originalPath="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl04','')">2</a> <a href="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl05','')">3</a> <a title="Next Page" originalAttribute="href" originalPath="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl05','')">3</a> <a title="Next Page" href="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl06','')"><img src="/images/blank.gif" originalAttribute="href" originalPath="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl06','')"><img src="/images/blank.gif" originalAttribute="href" originalPath="javascript:__doPostBack('ctl00$ctl00$Columns$PageCode$PageCode$RadGrid1$ctl00$ctl02$ctl00$ctl06','')"><img src="/images/blank.gif" originalAttribute="src" originalPath="/images/blank.gif" alt="Next Page" style="border-width:0px;" /></a>
</div><div class="PagerRight_Vista">
</div></td>
</tr>
*************
Also, is there a way to disable the pager icons without resorting to blank images?
