Questions on UI for ASP.NET AJAX Forum

1 answer

70 views

I am getting following error with crash in loading the page when I switch from Week view to Day view in RadScheduler control. I would appreciate insight on the same please.
=========================

Failed to load viewstate. The control tree into which viewstate is being loaded must match the control tree that was used to save viewstate during the previous request. For example, when adding controls dynamically, the controls added during a post-back must match the type and position of the controls added during the initial request.
=============================
I am doing this on click of custom links on my page. and event handler for the links as follows

==============================
CODE BEHIND ASPX.CS

protected

override void OnLoad(EventArgs e)
{
        base.OnLoad(e);
        DayLink.ServerClick += new EventHandler(DayLink_ServerClick);
        WeekLink.ServerClick += new EventHandler(WeekLink_ServerClick);
        MonthLink.ServerClick += new EventHandler(MonthLink_ServerClick);
}

void MonthLink_ServerClick(object sender, EventArgs e)
{
SchedulerSelectedView = SchedulerViewType.MonthView;
}

void WeekLink_ServerClick(object sender, EventArgs e)
{
SchedulerSelectedView = SchedulerViewType.WeekView;
}

void DayLink_ServerClick(object sender, EventArgs e)
{
SchedulerSelectedView = SchedulerViewType.DayView;
}

public SchedulerViewType SchedulerSelectedView
{
set { timeBlockRadSchedulerControl.SelectedView = value; }
get { return timeBlockRadSchedulerControl.SelectedView; }
}

==============================****************************************************************************
ASPX PAGE
==============================
<body style="background-color:Silver" >
    <form runat="server">
        <rad:RadScriptManager ID="scriptManager" runat="server" AsyncPostBackTimeout="5000">
            <Scripts>
                <asp:ScriptReference Path="../../../common/includes/JavaScript/AJAXClientEvents.js" />
            </Scripts>
        </rad:RadScriptManager>
        <div class="FloatRightDiv">
            <a runat="server" href="#" id="DayLink">Day</a>
            <a id="WeekLink" runat="server" >Week</a>
            <a id="MonthLink" runat="server" >Month</a>
        </div>
    <rad:RadScheduler ID="timeBlockRadSchedulerControl" runat="server" Height="100" Width="100" SelectedView="MonthView" DataKeyField="PrimaryKey" DataSubjectField="DisplayName" DataStartField="StartDate" DataEndField="AppointmentEndDate" >
    <appointmenttemplate>
        <div id="recurrenceDiv" runat="server">
            <div class="rsAptTermsOfCourt">
                <asp:Label ID="timeBlockNameLabel" runat="server" Text="TT"></asp:Label>
                <asp:Label ID="appointmentTimeLabel" runat="server" Text="10:20 PM"></asp:Label>
                <asp:Label ID="subjectapptLabel" runat="server" Text="Subject"></asp:Label>
            </div>
        </div>
    </appointmenttemplate>
</rad:RadScheduler>

</form>
</body>
========================***************************************************************************************

Scheduler

answered on 09 Feb 2011

4 answers

101 views

Binding data element in client side

<telerik:GridHyperLinkColumn DataNavigateUrlFields="EmployeeId,CertComplete" DataTextField="EmployeeId"

DataTextFormatString="Edit/Update" UniqueName="EmployeeCert"

DataNavigateUrlFormatString="~/employee/employeesert.aspx?employeeId={0}&isCertComplete={1}"

HeaderText="Certificate" >

</telerik:GridHyperLinkColumn>

I want "Edit/update" to be unclickable or hidden when CertComplete is false?
Can i manage to do this from client side
Can i set visible = '{1}' in the client side

If not how can i manage this for each row in the grid from server side.
Thanks

Grid

answered on 09 Feb 2011

5 answers

182 views

RadAjaxManager with RadScheduler and RadGrid and RadWindow

Hi Guys,

I have the following scenario:

I have a radscheduler and a radgrid being refreshed whenever the date range is changed in the radscheduler. I am using the event Navigation completed in the radscheduler to update the data for the grid. I am using a rad window in the grid for edit/insert.
The RadAjaxManager configuration is as follows:
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" ClientEvents-OnRequestStart="conditionaPostback">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="radScheduler">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="radScheduler" />
                        <telerik:AjaxUpdatedControl ControlID="gdvTasks" />

                    </UpdatedControls>
                </telerik:AjaxSetting>

            </AjaxSettings>
        </telerik:RadAjaxManager>

The problem is that this way the radwindow is no more poping up when I click edit or insert in the grid.
If I remove the <telerik:AjaxUpdatedControl ControlID="gdvTasks" /> line from the ajaxmanager then the radwindow pops up but the problem is that the grid is no more refreshed automatically so I need to click on the refresh button in the grid in order for the latest data to be displayed.
One more thing is that I am adding the radwindow from code behind when the user clicks the insert or edit link buttons in the grid.

Any Help is appreciated. Thank you in advance.

Grid

answered on 09 Feb 2011

0 answers

135 views

RadTreeView bug or RadPane feature?

Please check this example...
Then RadPane with ID = "catalogsPane" has EnableViewState is false, when on postback (expand tree node) all nodes will be removed, event OnNodeExpand will not be fired.

full source code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebDesigner.WebForm3" %>

<%@ 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="RadScriptManager" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="AjaxManager" runat="server" DefaultLoadingPanelID="AjaxLoadingPanel" EnableViewState="false">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" Skin="Windows7" EnableViewState="false" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadSplitter ID="viewSplitter" BorderStyle="None" PanesBorderSize="0" runat="server" Skin="Windows7">

<telerik:RadPane runat="Server" ID="catalogsPane" Width="240px" MinWidth="100" EnableViewState="false">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="1" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab runat="server" Text="Tree" Selected="True">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server">

<telerik:RadPageView ID="RadPageView1" Selected="true" runat="server">

<div runat="server" id="container">

<div>tree:</div>

<telerik:RadTreeView runat="server" ID="treeControl2" OnNodeExpand="CatalogTree_ExpandNode" OnLoad="CatalogTree_Load" NodeClick="CatalogTree_NodeClick">

</telerik:RadTreeView>

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadPane>

</telerik:RadSplitter>

<div runat="server" id="Div1">

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Globalization;

using System.Web.UI;

using Telerik.Web.UI;

namespace WebDesigner

{

public partial class WebForm3 : Page

{

private readonly List<SiteDataItem> _siteData = new List<SiteDataItem>();

protected override void OnInit(EventArgs e)

{

InitSiteData();

container.Controls.Add(treeControl2);

}

protected override void OnLoad(EventArgs e)

{

base.OnLoad(e);

AjaxManager.AjaxSettings.AddAjaxSetting(treeControl2, treeControl2, AjaxLoadingPanel);

}

private static RadTreeNode CreateTreeNode(SiteDataItem item)

{

return new RadTreeNode

{

Text = item.Text,

Value = item.ID.ToString(CultureInfo.InvariantCulture),

ExpandMode = TreeNodeExpandMode.ServerSide

};

}

private void LoadNodes(IRadTreeNodeContainer treeControl, IRadTreeNodeContainer root, int? parentIdent)

{

var controlNodes = root == null ? treeControl.Nodes : root.Nodes;

foreach (var item in this._siteData)

{

if (parentIdent == item.ParentID)

{

var nodeControl = CreateTreeNode(item);

controlNodes.Add(nodeControl);

}

protected void CatalogTree_NodeClick(object sender, RadTreeNodeEventArgs e)

{

throw new NotImplementedException();

}

protected void CatalogTree_Load(object sender, EventArgs e)

{

// make root nodes

if (!Page.IsPostBack)

{

var treeControl = sender as RadTreeView;

if (treeControl != null)

{

LoadNodes(treeControl, null, null);

}

protected void CatalogTree_ExpandNode(object sender, RadTreeNodeEventArgs e)

{

if (e.Node.Nodes.Count == 0)

{

LoadNodes(sender as IRadTreeNodeContainer, e.Node, Int32.Parse(e.Node.Value));

}

private void InitSiteData()

{

this._siteData.Add(new SiteDataItem(1, null, "Products"));

this._siteData.Add(new SiteDataItem(2, 1, "RadControls for ASP.NET Ajax"));

this._siteData.Add(new SiteDataItem(3, 1, "RadControls for Silverlight"));

this._siteData.Add(new SiteDataItem(4, 2, "RadGrid"));

this._siteData.Add(new SiteDataItem(5, 2, "RadScheduler"));

this._siteData.Add(new SiteDataItem(6, 2, "RadEditor"));

this._siteData.Add(new SiteDataItem(7, 3, "RadGrid"));

this._siteData.Add(new SiteDataItem(8, 3, "RadMenu"));

this._siteData.Add(new SiteDataItem(9, 3, "RadEditor"));

}

#region Support

internal class SiteDataItem

{

private string _text;

private int _id;

private int? _parentId;

public string Text

{

get { return _text; }

set { _text = value; }

}

public int ID

{

get { return _id; }

set { _id = value; }

}

public int? ParentID

{

get { return _parentId; }

set { _parentId = value; }

}

public SiteDataItem(int id, int? parentId, string text)

{

_id = id;

_parentId = parentId;

_text = text;

}

#endregion

}

TreeView

asked on 09 Feb 2011

2 answers

133 views

ContextMenu Right click in a Listbox

When you right click on an item in the ListBox it works as expected. But if you right click in the ListBox but not on an item it gives me the following error any ideas on how to correct this?

"Microsoft JScript runtime error: 'get_item()' is null or not an object"

function showContextMenu(sender, e) {

var RadList = $find("Listbox");

var RadListSelected = RadList.get_selectedItem();

var menu = $find("cm1");

var rawEvent = e.get_domEvent().rawEvent;

menu.show(rawEvent);

e.get_item().select(); < ERROR is called on this item because object is nothing

$telerik.cancelRawEvent(rawEvent);

}

ListBox

answered on 09 Feb 2011

5 answers

165 views

Displaying RecurrenceRule in RecurrenceEditor

I seem to have trouble using the recurrence editor to show an existing rule ready for editing.

For testing I am using:

Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click

RecurrenceEditor2.RecurrenceRuleText = TextBox1.Text

TextBox2.Text =

"Done"

End Sub

to copy the text from TextBox1 which holds the rule produced by another RecurrenceEditor (RecurrenceEditor1). I expect RecurrenceEditor2 to show the same settings as RecurrenceEditor1, but it just shows it's initial "empty" state.

Should I be doing anything else?

Thanks
John

Scheduler

answered on 09 Feb 2011

3 answers

184 views

radButton tooltip

Hi,

My module is having one radbutton which is fixed width, but radbutton text need to be changed based on culture, so the text for one country might not be equal to another country, so in this case if radbutton text is not able to fit in the radbutton width, then i want to display "..." (3 dots) at the end of the radbutton text and i want to display the complete text using radbutton tooltip.
so please provide me the better solution to resovle this issue.

Button

answered on 09 Feb 2011

9 answers

618 views

GridTemplateColumn + Aggregate Property

Hi, i'm trying to simulate the action of use aggregate="sum" property for a telerik:gridtemplatecolumn i use this kind of column `cause i need to set links in each cell value , when i use telerik:gridboundcolumn i cant use <item template><asp_hyperlink>, so finally what i need is set groupfooter totals, footer total and set as hyperlinks in each cell value. actually i can set the footer totals and the links but i cant set the group footer totals tnaks a lot and sorry for my english

    
            <telerik:GridTemplateColumn UniqueName="Template1" GroupByExpression = "Febrero"> 
        
                                                                <ItemTemplate>                                                         
        
                                                                    <asp:HyperLink ID="targetControl" runat="server" NavigateUrl="#" Text='<%# Eval("Febrero") %>'></asp:HyperLink> 
        
                                                                </ItemTemplate>               
        
                                                                <FooterTemplate>                                                         
        
                                                                    <asp:HyperLink runat="server" ID="TextBox2"> 
        
                                                                    </asp:HyperLink>                                                         
        
                                                                <telerik:GridGroupPanel> 
        
                                                                <PanelItemsStyle Height="200" BackColor="Aquamarine" /> 
        
                                                                </telerik:GridGroupPanel> 
        
                                                                </FooterTemplate>    
        
                                                            </telerik:GridTemplateColumn> 
        
            protected void tk_Grid_ItemDataBound(object sender, GridItemEventArgs e) 
        
                { 
        
                    if (e.Item is GridDataItem) 
        
                    { 
        
                        GridDataItem dataItem = (GridDataItem)e.Item; 
        
                        sum += double.Parse((dataItem["Template1"].FindControl("targetControl") as HyperLink).Text); 
        
                    } 
        
                    else if (e.Item is GridFooterItem) 
        
                    { 
        
                        GridFooterItem footer = (GridFooterItem)e.Item; 
        
                        (footer["Template1"].FindControl("TextBox2") as HyperLink).Text = sum.ToString(); 
        
                        FooterTotals = (footer["Template1"].FindControl("TextBox2") as HyperLink).Text; 
        
                    } 
        
            }

Grid

answered on 09 Feb 2011

1 answer

203 views

How to get/set caret position?

Hello.

To develop some features in our application we need to get and set caret position (i.e. distance from the beginning of the text or smth like that). It was mentioned by Telerik team in this four-years-old thread that RadEditor did not provide API to get/set caret position.

The only thing we actually need to do is to restore the caret position in design mode after some parts of content are changed (i.e., global reformatting of some keywords). So we store caret position, then some chunks are replaced, then updated HTML is set, and then we set restore caret position.

We have managed to do that in IE using TextRange (such a hack), but it is a really time consuming challenge to get this work properly in all other major browsers.

Browser compatibility is the reason why we use Telerik components. So I hope something have moved further in this area during these four years.

Regards,
Olexandr Vynnychenko
IntraNote a/s

Editor