<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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>Tab Application</title>
<style type="text/css">
.pageView
{
border: 1px solid #898c95;
border-top: none;
margin-top: -1px;
Height:500px !important;
width:450px;
}
.exampleWrapper
{
padding: 10px;
background: #f0f0f0;
float: left;
}
</style>
</
head>
<
body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableTheming="True">
</telerik:RadScriptManager>
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" Skin="Web20">
</telerik:RadSkinManager>
<div>
<div class="exampleWrapper">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Web20" AutoPostBack="true" Width="450px"
MultiPageID="mpvMain" SelectedIndex="0" OnClientTabSelecting="onTabSelecting" OnClientTabSelected="onClientTabSelected" OnTabClick="RadTabStrip1_TabClick">
<Tabs>
<telerik:RadTab runat="server" Text="Contacts" PageViewID="mpContacts" Selected="true" Value="CONTACTS">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Details" PageViewID="mpDetails">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Group Processing" PageViewID="mpGroupProcessing">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Groups" PageViewID="mpGroups">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="mpvMain" runat="server" SelectedIndex="0" RenderSelectedPageOnly="true" >
<telerik:RadPageView runat="server" ID="mpContacts" CssClass="pageView" >
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="225px" HorizontalAlign="NotSet" EnableAJAX="true" LoadingPanelID="RadAjaxLoadingPanel1" >
<asp:Button runat="server" ID="btnClickMe" Text="Click Me" onclick="btnClickMe_Click" />
<asp:Label runat="server" ID="lblInBoundary" Text="This is contacts Tab in Boundary"></asp:Label>
</telerik:RadAjaxPanel>
<asp:Label runat="server" ID="lblOutOfBoundary" Text="This is contacts Tab out of Boundary"></asp:Label>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="mpDetails" CssClass="pageView" >
<asp:Label runat="server" ID="lblDetails" Text="This is Detail Tab"></asp:Label>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="mpGroupProcessing" CssClass="pageView" >
<asp:Label runat="server" ID="lblGroupProcessing" Text="This is Group Processing"></asp:Label>
<asp:TextBox runat="server" ID="txtGroupProcessing"></asp:TextBox>
<asp:TextBox runat="server" ID="TextBox1"></asp:TextBox>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="mpGroups" CssClass="pageView">
<asp:Label runat="server" ID="lblGroups" Text="This is groups"></asp:Label>
</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
</div>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager runat="server" ID="radAjaxManager">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="mpvMain"
LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
</
form>
<script type="text/javascript">
function onClientTabSelected(sender, args) {
}
function onTabSelecting(sender, args) {
}
</script>
</
body>
</
html>
on Server Side
protected
void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)
{
System.Threading.
Thread.Sleep(2000);
}
protected void btnClickMe_Click(object sender, EventArgs e)
{
System.Threading.
Thread.Sleep(2000);
lblInBoundary.Text =
DateTime.Now.ToString();
lblOutOfBoundary.Text =
DateTime.Now.ToString();
}
<telerik:RadAjaxManager runat="server" ID="radAjaxManager">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="mpvMain"
LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
and now try again and it will work fine, I can work by placing the ajaxManager on Top but I was wondering what is the reason behind this ?
If you fail to recreate the issue then please let me know , I shall send you this sample project.
Regards
Rizwan Bashir
| <script type="text/javascript"> |
| /* Firefox resize scrollable content */ |
| function hideScrollableArea(sender, eventArgs) { |
| if ($telerik.isFirefox) |
| $telerik.$('.rsContentScrollArea').css('overflow', 'hidden'); |
| } |
| function showScrollableArea(sender, eventArgs) { |
| if ($telerik.isFirefox) |
| $telerik.$('.rsContentScrollArea').css('overflow', 'auto'); |
| } |
| </script> |
| <telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Vista" EnableEmbeddedSkins="True" |
| MultiDayView-UserSelectable="true" TimelineView-UserSelectable="false" ShowNavigationPane="false" |
| SelectedView="MultiDayView" ShowFooter="false" TimeZoneOffset="-05:00:00" DayStartTime="00:00:00" |
| DayEndTime="23:59:00" OverflowBehavior="Scroll" Height="551px" DataSourceID="dsRadScheduler1" |
| MonthView-VisibleAppointmentsPerDay="4" DataKeyField="Conf_ID" DataSubjectField="ConferenceName" |
| DataStartField="StartTime" OnAppointmentDataBound="RadScheduler1_OnAppointmentDataBound" |
| DataEndField="EndTime" AllowDelete="false" AllowEdit="false" AllowInsert="true" |
| OnClientAppointmentDoubleClick="RadScheduler1_OnClientAppointmentDoubleClick" RowHeight="10px" |
| OnClientTimeSlotContextMenu="timeSlotContextMenu" OnClientAppointmentInserting="RadScheduler1_OnClientAppointmentInserting"> |
| </telerik:RadScheduler> |
| <asp:LinqDataSource runat="server" ID="dsRadScheduler1" OnSelecting="dsRadScheduler1_OnSelecting"> |
| </asp:LinqDataSource> |

| <telerik:RadGrid ID="rgResults" runat="server"> |
| <MasterTableView DataKeyNames="DocumentId" ClientDataKeyNames="DocumentId" DataSourceID="linqSource" |
| AutoGenerateColumns="false"> |
| <Columns> |
| <telerik:GridBoundColumn DataField="CaseNumber" HeaderText="Case Number" UniqueName="CaseNumber" /> |
| <telerik:GridBoundColumn DataField="ParcelId" HeaderText="Parcel Id" UniqueName="ParcelId" /> |
| <telerik:GridBoundColumn DataField="PartyName" HeaderText="Party Name" UniqueName="PartyName" /> |
| <telerik:GridTemplateColumn UniqueName="AddDocument" HeaderText="Add"> |
| <ItemTemplate> |
| <asp:HyperLink ID="lnkAddDoc" runat="server" NavigateUrl='<%#"DocumentCart.aspx?docId=" & Eval("DocumentId") %>'> |
| <asp:Image ID="lnkImgAddDoc" runat="server" ImageUrl="~/images/doc.gif" AlternateText="Add to My Documents" /></asp:HyperLink> |
| </ItemTemplate> |
| <ItemStyle Width="25px" /> |
| </telerik:GridTemplateColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| protected void customerRadGrid_ItemDataBound(object sender, GridItemEventArgs e) |
| { |
| if (e.Item is GridDataItem) |
| { |
| if (MyExpandCondition((e.Item as GridDataItem))) |
| { |
| item.Expanded = true; |
| } |
| } |
| } |
ItemIndexHierarchical
as parameters.
So i changed the "item.Expanded = true" line into "item.FireCommandEvent(RadGrid.ExpandCollapseCommandName, item.ItemIndexHierarchical)" but that doesn't seem to do what i expected.
Does anybody know how to expand this server-side? Or is there a Telerik demo that shows how to do this?
Thanks in advance!
| Error: Sys is not defined |
| Source file: http://localhost/project/Telerik.Web.UI.DialogHandler.aspx?DialogName=LinkManager&Skin=Default&Title=Hyperlink%20Manager&doid=1b370f61-93b1-4412-8280-42ccbd3a6b55&dpptn=&dp=BgtyGRNbERUlL1IBIgV6KyN%2FC3NpPxZKOWIPU1UTA0gCbjpUOCpLaHgrXzkuAj5LGBoVCC5hPE4jPyUdImF%2BKCMaDENiCh5VD2MIFXoXLVM1Uz4ICgVpYXEoUwUWPA9YNhsRNyhhIxUtPzEEIhRmMhh%2FbEp8IgJODhkTCnsQGEE1YSYJBj1HensrXy8XPCVDGDcVARNhEQ8tSDEEIj9ENRhwC0BSVWxTPhYxDlUTbFw1YQBPBjwGR0MrcjAmPA9CN24SAgd1ES4lSTkSLz5ACxpvHwV%2BMTBHOmExV2E4A0AHfyZgCQdxRHMGS3YgFj1iNxorKS9%2BMxg6PVZaIT8dExx%2FEElVLyhrDWI1EW45ZAI3RQBgEj5bTmwQfXYhOi1CNRsNOQVhXDQmSCk%2BLz5MdBtvF0RSLxJrDhYPFWADPgM1RSJsOFtXeEMqfXYtKwNCMDENAAd%2BBTclPSZZLBVYCh19YHVjMxJrDToxVWMRG3Exbj5gOS1xRHY5VzAhFyoANhsVKB9YBSMhSwcSKwdyAzR%2BNURVLxp8IRkPFW0CD2EHRClBCgdlfnc5cXYgBy1QNRo3JBNMOzchPggQLwUZBhxEKXVlM2gRPgk1Vm0MH0c6fhR9PT51XENOQzkhFg8BNR8%2FNhNhEQMtKxQfNBZcDRsaF1hSIDQQNQkPFlVmYGM6cT5XECxpR0M0aS84FQhC |
| Line: 50 |
| Code: Sys.WebForms.PageRequestManager._initialize('ScriptManager1', document.getElementById('Form1')); |
| Error: Type is not defined |
| Source file: http://localhost/project/Telerik.Web.UI.DialogHandler.aspx?DialogName=LinkManager&Skin=Default&Title=Hyperlink%20Manager&doid=1b370f61-93b1-4412-8280-42ccbd3a6b55&dpptn=&dp=BgtyGRNbERUlL1IBIgV6KyN%2FC3NpPxZKOWIPU1UTA0gCbjpUOCpLaHgrXzkuAj5LGBoVCC5hPE4jPyUdImF%2BKCMaDENiCh5VD2MIFXoXLVM1Uz4ICgVpYXEoUwUWPA9YNhsRNyhhIxUtPzEEIhRmMhh%2FbEp8IgJODhkTCnsQGEE1YSYJBj1HensrXy8XPCVDGDcVARNhEQ8tSDEEIj9ENRhwC0BSVWxTPhYxDlUTbFw1YQBPBjwGR0MrcjAmPA9CN24SAgd1ES4lSTkSLz5ACxpvHwV%2BMTBHOmExV2E4A0AHfyZgCQdxRHMGS3YgFj1iNxorKS9%2BMxg6PVZaIT8dExx%2FEElVLyhrDWI1EW45ZAI3RQBgEj5bTmwQfXYhOi1CNRsNOQVhXDQmSCk%2BLz5MdBtvF0RSLxJrDhYPFWADPgM1RSJsOFtXeEMqfXYtKwNCMDENAAd%2BBTclPSZZLBVYCh19YHVjMxJrDToxVWMRG3Exbj5gOS1xRHY5VzAhFyoANhsVKB9YBSMhSwcSKwdyAzR%2BNURVLxp8IRkPFW0CD2EHRClBCgdlfnc5cXYgBy1QNRo3JBNMOzchPggQLwUZBhxEKXVlM2gRPgk1Vm0MH0c6fhR9PT51XENOQzkhFg8BNR8%2FNhNhEQMtKxQfNBZcDRsaF1hSIDQQNQkPFlVmYGM6cT5XECxpR0M0aS84FQhC |
| Line: 104 |
| Code: Type.registerNamespace("Telerik.Web.UI.Widgets"); |
| protected void uxGrid_OnItemCreated(object sender, GridItemEventArgs e) |
| { |
| if (e.Item is GridDataItem) |
| { |
| GridDataItem item = (GridDataItem)e.Item; |
| LinkButton lnkAddParticipant = (LinkButton)item["TemplateColumn"].FindControl("lnkAddParticipant"); |
| RadAjaxManager1.AjaxSettings.AddAjaxSetting(lnkAddParticipant, uxGrid, null); |
| } |
| } |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"> |
| <AjaxSettings> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="btnLoadRooms"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="uxGrid" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |