Questions on UI for ASP.NET AJAX Forum

2 answers

152 views

Hello

I need to Dynamically load the usercontrols and bind the data in usercontrols dynamically
Here is my coad
1st user control : AvailableUsers.ascx

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Timer" />

<telerik:AjaxUpdatedControl ControlID="pnlChat" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<table>

<tr>

<td>

<telerik:RadDockLayout runat="server" EnableViewState="false" ID="RadDockLayout1"

StoreLayoutInViewState="false">

<telerik:RadDockZone runat="server" ID="RadDockZone2" Orientation="vertical" Style="width: 300px;

min-height: 100px; float: right; margin-right: 20px;">

<telerik:RadDock runat="server" ID="RadDock3" Title="Messenger" Width="300px">

<ContentTemplate>

<asp:Timer ID="Timer" runat="server" Interval="10000" ></asp:Timer>

<asp:Panel runat="server" ID="pnlChat" align="center" DefaultButton="btn_send" >

<table style="width:15%" border="1" align="center"><tr><td>

<telerik:RadListBox ID="radLBChat" runat="server" width="300" Height="100"></telerik:RadListBox>

</td></tr>

<tr>

<td style="width:85%">

<telerik:RadTextBox ID="radtextbox1" runat="server" TextMode="MultiLine" width="100%"></telerik:RadTextBox>

</td><td>

<asp:Button ID="btn_send" Text="Send" runat="server" />

</td></tr>

</table></asp:Panel>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

</td></tr>

<tr>

<td>

</td>

</tr>

</table>

Based on selection Done in 1st usercontrol i need to populate 2nd user control data
Fallowing code i am using in 1st usercontrol
on cick of radpane item in 1st usercontrol i am binding 2nd usercontrol to panel in master page
protected void ShowMessanger_Click(object sender, RadPanelBarEventArgs e)
   {
   _onLineChat.UserID = (int)Session["UserID"];
   _onLineChat.Status = 2;
   _onLineChat.SetCoachStatus();
   e.Item.SelectedCssClass = "RadPanelBar_Green";
   ucMessanger.Visible = true;
   Panel pnlMessanger = ((Panel)Page.Master.FindControl("pnlWidget"));
   pnlMessanger.Controls.Add(ucMessanger);
   }

Second USerControl : Chat.ascx

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radlist1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadDockLayout runat="server" EnableViewState="false" ID="RadDockLayout1"

StoreLayoutInViewState="false">

<telerik:RadDockZone runat="server" ID="RadDockZone2" Orientation="vertical" Style="width: 300px;

min-height: 100px; float: left; margin-right: 20px;">

<telerik:RadDock runat="server" ID="RadDock3" Title="Chat" Width="300px">

<ContentTemplate>

<asp:Timer ID="Timer" runat="server" Interval="10000" OnTick="OnlineCoaches"></asp:Timer>

<telerik:RadPanelBar ID="radlist1" runat="server" Width="200" Height="100"

AutoPostBack="True" OnItemClick="ShowMessanger_Click"></telerik:RadPanelBar>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

Data in availableUsers.ascx will get changed based on timer value

Ajax

answered on 11 May 2011

2 answers

243 views

ItemDataBound customizations erased on postback in the radgrid

Hello,

I have a problem with all my customizations in the RadGrid1_ItemDataBound to the Total and Subtotal rows as well as to LinkButton.
The custom data in the columns in the rows (like custom calculations) are erased/removed when I for instance collapse a group or click on the LinkButton.

So any time there is a postback in the grid the customizations are erased....

Should I also initialize the customizations on some other event or am I missing something?

Please advise.

Thanks,
-Arek

the code below:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" DataSourceID="SqlDataSource1"

GridLines="None" EnableAJAX="true" EnableAJAXLoadingTemplate="true" LoadingTemplateTransparency="25"

ShowGroupPanel="True" AllowPaging="True" AllowSorting="True"

Skin="Vista" OnItemDataBound="RadGrid1_ItemDataBound" ShowFooter="true"

OnItemCreated="RadGrid1_ItemCreated" >

<ClientSettings AllowDragToGroup="True">

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1" ShowGroupFooter="true"

AllowMultiColumnSorting="true">

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="Market" FilterControlAltText="Filter Market column"

HeaderText="Market" SortExpression="Market" UniqueName="Market">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Station" FilterControlAltText="Filter Station column"

HeaderText="Station" SortExpression="Station" UniqueName="Station">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Spots" DataType="System.Int32" FilterControlAltText="Filter Spots column"

HeaderText="Spots" ReadOnly="True" SortExpression="Spots" UniqueName="Spots"

Aggregate="Sum" FooterText=" ">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Spend" DataType="System.Decimal" FilterControlAltText="Filter Spend column"

HeaderText="Spend" SortExpression="Spend" UniqueName="Spend" Aggregate="Sum"

FooterText=" " DataFormatString="{0:F2}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CALL" DataType="System.Int32" FilterControlAltText="Filter CALL column"

HeaderText="CALL" ReadOnly="True" SortExpression="CALL" UniqueName="CALL" Aggregate="Sum"

FooterText=" ">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ORDR" DataType="System.Int32" FilterControlAltText="Filter ORDR column"

HeaderText="ORDR" ReadOnly="True" SortExpression="ORDR" UniqueName="ORDR" Aggregate="Sum"

FooterText=" ">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CPC" DataType="System.Decimal" FilterControlAltText="Filter CPC column"

HeaderText="CPC" ReadOnly="True" SortExpression="CPC" UniqueName="CPC" DataFormatString="{0:F2}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CPM" DataType="System.Decimal" FilterControlAltText="Filter CPM column"

HeaderText="CPM" ReadOnly="True" SortExpression="CPM" UniqueName="CPM" DataFormatString="{0:F2}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CPO" DataType="System.Decimal" FilterControlAltText="Filter CPO column"

HeaderText="CPO" ReadOnly="True" SortExpression="CPO" UniqueName="CPO" DataFormatString="{0:F2}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CTO" DataType="System.Double" FilterControlAltText="Filter CTO column"

HeaderText="CTO" ReadOnly="True" SortExpression="CTO" UniqueName="CTO" DataFormatString="{0:F2}">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="Market" />

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="Market" HeaderText="Market" />

</SelectFields>

</telerik:GridGroupByExpression>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="Station" FieldAlias="Station" FormatString=""

HeaderText="Station"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Station" FieldAlias="Station" FormatString=""

HeaderText=""></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

try

{

if (e.Item is GridFooterItem)

{

GridFooterItem footer = (GridFooterItem)e.Item;

footer["Market"].Controls.Add(new LiteralControl("<span>Grand Total :</span>"));

footer["Market"].Style.Add("Text-align", "right");

float cpc = Convert.ToSingle(footer["Spend"].Text)/Convert.ToSingle(footer["CALL"].Text);

string txtCpc = string.Format("<span>{0:F2}</span>", cpc);

footer["CPC"].Controls.Add(new LiteralControl(txtCpc));

float cpm = Convert.ToSingle(footer["CALL"].Text) / (Convert.ToSingle(footer["Spend"].Text) / 1000.00F);

string txtCpm = string.Format("<span>{0:F2}</span>", cpm);

footer["CPM"].Controls.Add(new LiteralControl(txtCpm));

float cpo = Convert.ToSingle(footer["Spend"].Text) / Convert.ToSingle(footer["ORDR"].Text);

string txtCpo = string.Format("<span>{0:F2}</span>", cpo);

footer["CPO"].Controls.Add(new LiteralControl(txtCpo));

float cto = Convert.ToSingle(footer["ORDR"].Text) / Convert.ToSingle(footer["CALL"].Text);

string txtCto = string.Format("<span>{0:F2}</span>", cto);

footer["CTO"].Controls.Add(new LiteralControl(txtCto));

}

else if (e.Item is GridGroupFooterItem)

{

GridGroupFooterItem groupFooter = (GridGroupFooterItem)e.Item;

groupFooter["Market"].Controls.Add(new LiteralControl("<span>SubTotal :</span>"));

groupFooter["Market"].Style.Add("Text-align", "right");

float cpc = Convert.ToSingle(groupFooter["Spend"].Text) / Convert.ToSingle(groupFooter["CALL"].Text);

string txtCpc = string.Format("<span>{0:F2}</span>", cpc);

groupFooter["CPC"].Controls.Add(new LiteralControl(txtCpc));

float cpm = Convert.ToSingle(groupFooter["CALL"].Text) / (Convert.ToSingle(groupFooter["Spend"].Text) / 1000.00F);

string txtCpm = string.Format("<span>{0:F2}</span>", cpm);

groupFooter["CPM"].Controls.Add(new LiteralControl(txtCpm));

float cpo = Convert.ToSingle(groupFooter["Spend"].Text) / Convert.ToSingle(groupFooter["ORDR"].Text);

string txtCpo = string.Format("<span>{0:F2}</span>", cpo);

groupFooter["CPO"].Controls.Add(new LiteralControl(txtCpo));

float cto = Convert.ToSingle(groupFooter["ORDR"].Text) / Convert.ToSingle(groupFooter["CALL"].Text);

string txtCto = string.Format("<span>{0:F2}</span>", cto);

groupFooter["CTO"].Controls.Add(new LiteralControl(txtCto));

}

//else if (e.Item is GridDataItem2)

//{

// GridDataItem item = (GridDataItem)e.Item;

// HyperLink hyplink = new HyperLink();

// hyplink.ID = "HyperLink1";

// hyplink.Text = item["Station"].Text;

// hyplink.NavigateUrl = "#";

// item["Station"].Controls.Add(hyplink);

//}

else if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

LinkButton lnkButton = new LinkButton();

lnkButton.ID = "LinkButton1";

lnkButton.Text = item["Station"].Text;

lnkButton.Click += lnkButton_Click;

item["Station"].Controls.Add(lnkButton);

}

catch (Exception ex)

{

Page.ClientScript.RegisterStartupScript(base.GetType(), "Alert", ex.Message.ToString());

}

Grid

answered on 11 May 2011

3 answers

58 views

RadDatePicker error

I am getting a Java Script error ' Message: Expected ':' ' in RadDatePicker

Here is the code I’m using

<td>

<telerik:RadDatePicker ID="rdDOB" runat="server"></telerik:RadDatePicker>

</td>

Calendar

answered on 11 May 2011

3 answers

969 views

Getting Count of Selected Items in Telerik Grid

Hi All,
I have a Telerik grid ,in which I am using a check box inside a template column to select a row.

I want to get the count of selected items in grid through javascript.

I am using check box to select a row .

Please help me.

Grid

answered on 11 May 2011

3 answers

242 views

RadGrid Losing Style On Partial Postback

Hi,

I am currently building an application that uses the RadGrid to display data and the grid appears to be dropping its styling. The scenario is as follows.

Master Page -> Page -> UserControl -> RadGrid

An AjaxPanel is wrapped around the UserControl level and this is where the partial postback happens. There are a few UserControls at that level which are shown or hidden depending on the context of the postback. When the UserControl containing the RadGrid first loads everything is fine (it is the first UserControl to load). When the postback occurs it hides the UserControl containing the RadGrid and shows a different UserControl. When there is a further postback the UserControl containing the RadGrid is reshown and at this point it has no styles applied.

I am using the default style which is fetched using the HttpHandler. This is the only style being used.

I hope you can provide me with some assistance.

Regards,

Andy.

Grid

answered on 11 May 2011

3 answers

132 views

Error #2038

I am using the RadAsync upload which is working for most users however I have 2 users (out of 5) that is getting an error Error #2038.
I am running the 2010.1109 version of the control and will be updating to the SP2 version tomorrow.

What does this error mean?

AsyncUpload

answered on 11 May 2011

1 answer

52 views

Property ContentFilters "disables" Reusable Content

Hi,

We have a WCM scenario in SharePoint 2007 with own page layouts and masterpage.

The HTML-fields are set to use RAD Editor 5.8.7. We add a couple of Reusable Contents to a HTML-field via IE 8.

When we set the property ContentFilters in ConfigFile.xml (to anything) and try to add for example a new web part in a web part zone (so that the page reloads), the first thing that happens is that the Reusable Contents changes to "a" links (as it should) and then when the page have loaded again, they do not change back to the corresponding Reusable Contents (the "a" links are still visible in the field).

<property name="ContentFilters">FixUlBoldItalic,IECleanAnchors,MozEmStrong,ConvertFontToSpan,IndentHTMLContent</property>

If we comment the property setting in ConfigFile.xml it works perfect.

<!--property name="ContentFilters">FixUlBoldItalic,IECleanAnchors,MozEmStrong,ConvertFontToSpan,IndentHTMLContent</property-->

Editor

answered on 11 May 2011

1 answer

123 views

Session State problem with SharePoint 2010

It seems that the ASP.net report viewer requires session state enabled. This is a major limitation with the integration with SP2010 given that session state is disabled by default.

In order to be able to use Telerik Reporting on a SP2010 site it seems that we need to enable session state in the entire web application (instead of just enabling it on the page with the report viewer), which in my opinion, is not an acceptable solution. Do you have any plans to remove the need to use session state in future releases?

It would also be a good idea if you clearly state this limitation in your literature so people are aware of it before making a purchase decision. You have a page that describes how to integrate the report viewer with SharePoint but you do not mention anything about the session state limitation which I think can by very misleading.

Best Regards,
Hugo Esperanca

Sharepoint Integration

answered on 11 May 2011

1 answer

103 views

"Find" and "Find and Replace" functions should "Wrap-around" when they reach the end of the content

Hi

Is there a way to automatically switch the up and down option when the search has reached the top or the bottom of the content?

Currently, if the cursor is at the bottom of the content the user must know where it is and either move the cursor to the top of the content, or change the Find/Find & Replace parameter to search "Up" rather than search "down".　 Users expect it to work like MS Word where once it reaches the end of the content it automatically starts searching again at the top of the document.

Thanks in advance

Editor

answered on 11 May 2011

1 answer

122 views

Disabling RadSkinManager EnableViewState does not work

I use RadSkinManager :

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Default" EnableViewState="false" ShowChooser="false" />

I tried to reduce my pages' size so I am disabling ViewState on controls. I tried disabling RadSkinManager viewstate but it does not work

Here are viewstate size stats:

Control Id Type ViewState Size

ctl00$ctl00$ContentPlaceHolder1$RadSkinManager1 Telerik.Web.UI.RadSkinManager 0
ctl00$ctl00$ContentPlaceHolder1$SkinChooser Telerik.Web.UI.RadComboBox 912
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$Header Telerik.Web.UI.RadComboBoxHeaderFooterControl 48
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$Footer Telerik.Web.UI.RadComboBoxHeaderFooterControl 48
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i0 Telerik.Web.UI.RadComboBoxItem 60
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i1 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i2 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i3 Telerik.Web.UI.RadComboBoxItem 56
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i4 Telerik.Web.UI.RadComboBoxItem 72
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i5 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i6 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i7 Telerik.Web.UI.RadComboBoxItem 72
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i8 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i9 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i10 Telerik.Web.UI.RadComboBoxItem 60
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i11 Telerik.Web.UI.RadComboBoxItem 60
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i12 Telerik.Web.UI.RadComboBoxItem 64
ctl00$ctl00$ContentPlaceHolder1$SkinChooser$i13 Telerik.Web.UI.RadComboBoxItem 68

You see that RadSkinManager viewstate is 0 but some SkinChooser comboboxes. Why is that?

SkinManager

answered on 11 May 2011