Questions on UI for ASP.NET AJAX Forum

1 answer

145 views

[Solved] Refresh PageView from event on a radio button list

Hello everyone,

I would like to ask you,if there is a possible way to re-load the content of a pageView based on a value change from a radiobutton .

More specifically,I have a radio button list where the user can select a product.

Below this list, i have a RadTabStrip which contains 3 RadTabs. Each RadTab has its own RadPageView.
I want to re-load the pageview for a specific tab each time the user selects a product from the radiobutton list.

Could anyone help me with that?

Thanks in advance,
PS

TabStrip

answered on 13 Apr 2011

11 answers

168 views

Calling set_iconUrl Doesn't Change Existing Window's Icon

I have a RadWindow that I show for two differing purposes, and this window is shown when either one of two respective buttons is clicked. I want to set the window's title and icon based on which button was clicked. Here's my code:

// Determine which item was clicked

if (eventArgs.get_item().get_text() == "Lock and Submit") {

// Open the dialog

var objWindow = $find("<%=rwLockAndSubmitPlan.ClientID%>");

objWindow.set_title(eventArgs.get_item().get_text());

objWindow.set_iconUrl("\Images/lock.png");

objWindow.setUrl("\Dialogs/LockAndSubmitPlan.aspx?mode=lockandsubmit");

objWindow.show();

}

else if (eventArgs.get_item().get_text() == "Provide Explanations") {

// Open the dialog

var objWindow = $find("<%=rwLockAndSubmitPlan.ClientID%>");

objWindow.set_title(eventArgs.get_item().get_text());

objWindow.set_iconUrl("\Images/notepad.gif");

objWindow.setUrl("\Dialogs/LockAndSubmitPlan.aspx?mode=provideexplanations");

objWindow.show();

}

The issue is that while the window's title is, in fact, changed based on the button that was clicked, the window's icon is not. The first time I open the dialog, the window's icon is set, but that icon remains the window icon from that point on, not matter which button is clicked.

My RadWindowManager is defined as follows:

<telerik:RadWindowManager runat="server" ID="rwmRadWindowManager" VisibleStatusbar="false" ReloadOnShow="true">

<Windows>

<telerik:RadWindow runat="server" ID="rwLockAndSubmitPlan" Modal="true" ReloadOnShow="true"

VisibleTitlebar="true" Behaviors="Close" OnClientPageLoad="OnClientPageLoad_SpendingPlan"

OnClientClose="OnClientClose_Spending_Plan" Width="550" Height="450" />

</Windows>

</telerik:RadWindowManager>

And, the OnClientPageLoad_SpendingPlan function is defined as follows:

function OnClientPageLoad_SpendingPlan(objWindow, objArguments) {

objWindow.set_status("");

}

Perhaps this is a quick fix, so a prompt response would be much appreciated! Thank you!

Window

answered on 13 Apr 2011

15 answers

956 views

Config Telerik.Web.UI.dll version 2010.1.415.35 in sharepoint 2010

Telerik.Web.UI.dll version:2010.1.415.35

1. First you need to install Telerik.Web.UI.dll in the GAC

2. Next you should tell SharePoint that the controls from the Telerik.Web.UI.dll is safe to use.

To do so you should add a few <SafeControl> entries within the <SafeControls> section in your web.config:

<SafeControl Assembly="Telerik.Web.UI, Version=2010.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.UI" TypeName="*" Safe="True" />

3. You need to register their handlers in the respective section in the web.config:

[web.config] IIS 5.x/6.x/7.x

<add verb="*" path="Telerik.Web.UI.DialogHandler.aspx"

type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />

<add verb="*" path="Telerik.Web.UI.SpellCheckHandler.axd"

type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />

</httpHandlers>

.................

<add name="Telerik.Web.UI.SpellCheckHandler.axd_*" path="Telerik.Web.UI.SpellCheckHandler.axd" verb="*"

type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Version=2010.1.415.35, Culture=neutral,

PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode,runtimeVersionv2.0" />

<add name="Telerik.Web.UI.DialogHandler.aspx_*" path="Telerik.Web.UI.DialogHandler.aspx" verb="*"

type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Version=2010.1.415.35, Culture=neutral,

PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode,runtimeVersionv2.0" />

<add name="Telerik.Web.UI.WebResource.axd_*" path="Telerik.Web.UI.WebResource.axd" verb="*"

type="Telerik.Web.UI.WebResource, Telerik.Web.UI" preCondition="integratedMode,runtimeVersionv2.0" />

.............

</handlers>

Thanks Vinh

Editor

answered on 13 Apr 2011

2 answers

172 views

Ajax Settings for RadTabStrip

Hi,

I have a page in which there is a TabStrip with five multipages. In 2 multipages, there are radgrids.

Can you please help with setting Ajax in following scenarios;
How do I do the AjaxSetting for a CheckBox which is inside the radgrid to update some content in the database and refresh the radgrid or is it possible to do an Ajax setting to just update one particular column of the same radgrid when the checkedchanged event is fired?

For fourth multipage there are more than 4 comboboxes and I have to update the content of 3 comboboxes when the selected value of first combobox is changed. What will be the Ajax setting in this case?

Currently I have all the content in the same page but if I want to move the content of 5 multipages to 5 usercontrols , how can I do the Ajax settings?

Please let me know how to do the Ajax setting in all these different scenarios.

Thanks.

TabStrip

answered on 13 Apr 2011

2 answers

128 views

[Solved] What is the "toolzone" space under the Editor?

I am using the Editor and all of my applications of it contain a large empty space below the actual Editor window. The attached screen capture contains an image of the Editor with this specific space colored "yellow". If I look at the area in the "MS developer tool" (refer to the other screen capture), it is assigned to a css class of "reToolZone".

Can you tell me:

(1) What this space is intended for (that I am apparently not using)?
(2) How can I get rid of this wasteful empty space? If I'm not using it for anything, there must be some way to eliminated it.

Thanks in advance for the assist!

Lynn

Editor

answered on 13 Apr 2011

5 answers

132 views

Problem exporting to excel when rows are grouped

Hi there.

I have a grid with sorting, filtering, grouping and exporting to excel (html format) enabled. Everything works fine but I can only export to excel if i have not done any sorting, filtering or grouping.

When I try to export, the command bar and filter bar disappear and the last column loses some of its formatting but no exceptions seem to be thrown. I'm using 2010.2.929.35 in DotNetnuke 5.6.1.

Thanks in advance for any suggestions.
Cheers
Chris

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CompanyReports_Scoreboard.ascx.cs" Inherits="Revd.Modules.Managers.CompanyReports_Scoreboard" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<table class="FFTableView100pc">

<tr>

<td class="FFTableHeader">

Scoreboard

</td>

</tr>

<tr>

<td class="FFGeneral">

The Scoreboard shows all participants and their scores.

</td>

</tr>

<tr>

<td>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True" OnItemCommand="RadGrid1_ItemCommand" AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None" ShowGroupPanel="True" OnGridExporting="RadGrid1_Exporting" OnItemDataBound="RadGrid1_ItemDataBound" PageSize="20">

<HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

<MasterTableView AutoGenerateColumns="False" DataKeyNames="TenantID" DataSourceID="SqlDataSource1" CommandItemDisplay="Bottom">

<CommandItemSettings ShowAddNewRecordButton="false" ShowExportToExcelButton="true" ExportToExcelText="Export to Excel" ShowRefreshButton="true" RefreshText="Refresh this view" />

<RowIndicatorColumn>

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

</RowIndicatorColumn>

<ExpandCollapseColumn>

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="TenantID" DataType="System.Int32" HeaderText="TenantID" ReadOnly="True" SortExpression="TenantID" UniqueName="TenantID" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn Groupable="false" DataField="TenantName" HeaderText="Customer Name" SortExpression="TenantName" UniqueName="TenantName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PartnerID" DataType="System.Int32" HeaderText="PartnerID" SortExpression="PartnerID" UniqueName="PartnerID" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TenantClassification1" HeaderText="Company Size" SortExpression="TenantClassification1" UniqueName="TenantClassification1">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TenantClassification2" HeaderText="Industry Sector" SortExpression="TenantClassification2" UniqueName="TenantClassification2">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TenantClassification3" HeaderText="Location" SortExpression="TenantClassification3" UniqueName="TenantClassification3">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ReportStatus" DataType="System.Byte" HeaderText="Status" SortExpression="ReportStatus" UniqueName="ReportStatus" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridNumericColumn Groupable="false" NumericType="Percent" DataFormatString="{0:#%}" DataField="Score" DataType="System.Decimal" HeaderText="Score" SortExpression="Score" UniqueName="Score" ItemStyle-Width="70px" FilterControlWidth="22px">

</telerik:GridNumericColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowDragToGroup="True" EnableAlternatingItems="false" EnableRowHoverStyle="true">

</ClientSettings>

<ExportSettings ExportOnlyData="true" FileName="MyFile" Excel-Format="Html" OpenInNewWindow="true" HideStructureColumns="true" IgnorePaging="true" />

</telerik:RadGrid>

<script type="text/javascript">

function onRequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) {

args.set_enableAjax(false);

}

</script>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>" SelectCommand="SELECT dbo.__FFTenant.TenantID, dbo.__FFTenant.TenantName, dbo.__FFTenant.PartnerID, dbo.__FFTenant.TenantClassification1, dbo.__FFTenant.TenantClassification2, dbo.__FFTenant.TenantClassification3, dbo._FFFrameworkReport.ReportStatus, dbo._FFFrameworkReport.Score FROM dbo._FFFrameworkReport INNER JOIN dbo.__FFTenant ON dbo._FFFrameworkReport.TenantID = dbo.__FFTenant.TenantID WHERE (dbo.__FFTenant.PartnerID = @UserIsPartnerTenantID) ORDER BY dbo.__FFTenant.TenantName">

<SelectParameters>

<asp:SessionParameter Name="UserIsPartnerTenantID" SessionField="UserIsPartnerTenantID" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr>

<td>

<asp:HyperLink ID="lnkCompanyReports" CssClass="FFLinkCommand" runat="server"><img src="<%= skinpath %>images/_FFgoback.png" class="FFImgCommand" />Go to the Company Reports Page</asp:HyperLink>

</td>

</tr>

</table>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using DotNetNuke.Entities.Modules;

using Telerik.Web.UI;

using Revd.Common.Utilities;

using Revd.DataAccess;

namespace RevolutionId.Modules.Managers

{

public partial class CompanyReports_Scoreboard : PortalModuleBase

{

public static string skinpath = "";

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

SessionService.UserIsPartnerTenantID = 30;

skinpath = base.PortalSettings.ActiveTab.SkinPath;

lnkCompanyReports.NavigateUrl = _DataUtilities.GetURL_General("", "", 0, _DataUtilities.PageNames.CompanyReports);

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem gridItem = (GridDataItem)e.Item;

if (!e.Item.IsInEditMode)

{

int myValue = Convert.ToInt32(DataBinder.Eval(gridItem.DataItem, "ReportStatus"));

if (myValue == 0)

{

gridItem["ReportStatus"].Text = "Work in Progress";

}

else if (myValue == 1)

{

gridItem["ReportStatus"].Text = "Completed";

}

else

{

gridItem["ReportStatus"].Text = "Don't know";

}

protected void RadGrid1_Exporting(object source, Telerik.Web.UI.GridExportingArgs e)

{

try

{

}

catch (Exception ex)

{

DisplayMessage("Problem occurred. Reason: " + ex.Message);

}

protected void RadGrid1_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)

{

try

{

if (e.CommandName == "PerformInsert")

{

}

catch (Exception ex)

{

DisplayMessage("Problem occurred. Reason: " + ex.Message);

}

private void DisplayMessage(string text)

{

RadGrid1.Controls.Add(new LiteralControl(text));

}

Grid

answered on 12 Apr 2011

1 answer

879 views

Value cannot be null. Parameter name: key

I have a data bound radscheduler. For which I have created a timeslotcontextmenu eg. Add Appointment and set to postback.

However, everytime I click on the context menu I get the above error with the following stack trace :

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentNullException: Value cannot be null.
Parameter name: key

Source Error:

An unhandled exception was generated during the execution of the
            current web request. Information regarding the origin and location of the
            exception can be identified using the exception stack trace below.

Stack Trace:

[ArgumentNullException: Value cannot be null.
Parameter name: key]
   System.ThrowHelper.ThrowArgumentNullException(ExceptionArgument argument) +44
   System.Collections.Generic.Dictionary`2.FindEntry(TKey key) +7457569
   System.Collections.Generic.Dictionary`2.TryGetValue(TKey key, TValue& value) +16
   Telerik.Web.UI.RadScheduler.ProcessTimeSlotContextMenuItemCommand(SchedulerPostBackEvent postBack) +106
   Telerik.Web.UI.RadScheduler.ProcessPostBackCommand(SchedulerPostBackEvent postBack) +4638
   Telerik.Web.UI.RadScheduler.RaisePostBackEvent(String eventArgument) +108
   Telerik.Web.UI.RadScheduler.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +39
   System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13
   System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +175
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1565

All other changes to the schedule work fine (moving dates etc.) but the context menu click just comes up with thie error everytime and I cannot understand why.

Please help!

Scheduler

answered on 12 Apr 2011

6 answers

219 views

HeaderContextMenu OnItemClick firing issue

Hi,

I want to enable DragToGroup option of Radgrid from Context menu. For this i have added new option in HeaderContextmenu's prerender event. My grid is in UserControl so cant use OnPreRenderComplete page event.

I have added HeaderContextMenu onitemClick handler to enable DragToGroup option of radGrid, but its not firing.

protected

void HeaderContextMenu_PreRender(object sender, EventArgs e)

{

RadContextMenu menu = wgEntityList.HeaderContextMenu;

RadMenuItem item = new RadMenuItem();

item.Text =

"Group by text";

menu.Items.Add(item);

}

protected

void HeaderContextMenu_ItemClick(object sender, RadMenuEventArgs e)

{

wgEntityList.ClientSettings.AllowDragToGroup =

true;

}

Please help me to get this event fire.

Regards
Devanand Jha

Grid

answered on 12 Apr 2011

3 answers

301 views

Client Side Event when EditForm is expanded

I have a RadGrid with an EditForm (MasterTableView EditMode="EditForms"), whose layout is defined in a FormTemplate under the EditFormSettings tag. I would like to do some client side processing of data for one of the fields in that FormTemplate, and am trying to figure out how to access the EditForm's data most easily.

Specifically, I have a TextBox that I may append tokenized values to - so inside the EditForm, there's MyTextField (which is bound to the underlying DataSource for the RadGrid), plus AddToken button and Token dropdown, which are not databound. User picks a value from the Token dropdown, clicks AddToken, and the text of the selected item in the dropdown is appended to the value in MyTextField.

I'm trying to figure out what my button and javascript function should look like - I'm figuring it would be easiest to get access to the EditForm's data if there's a client-side RadGrid event I could hook into. If none is available on click of my custom "Add Token", then maybe at least there's an event available when Edit is clicked to expand my EditForm, so I can get ahold at that time of the item being edited?... Any thoughts?

Thanks!

Grid

answered on 12 Apr 2011

3 answers

109 views

Persisting Dynamically Generated Controls in an AJAX Environment

I am currently working on an ASP.NET AJAX page that is fairly sophisticated (VS 2010 and .NET 4.0 w/ VB.NET). After several initial criteria are entered on the page and submitted back to the database via AJAX, I then dynamically create sixteen RAD controls in individual PlaceHolders. Each control might be a RadTextBox, RadComboBox, RadNumericTextBox or a RadDatePicker - depending on what the database tells me to display. I have this all working fine - initially. I collect the initial data, hand it back and then display the dynamic fields - very cool through AJAX.

However this page then continues to make several AJAX round trips after these dynamic controls are generated, and the user can enter or select values in these custom controls at any point between these subsequent round trips. The user can also change the initial data parameters which will then potentially recreate all new and different custom controls. The only commonality is that there are 16 of these custom fields....

After much reading it appears that my dynamic controls are not surviving the AJAX postbacks, and must be recreated and reset each time. I believe I may need to store the Control Type, ID and SelectedValue (or Text, or Date) in the ViewState and reinitialize them on each Page_Load, but I am not sure how to go about this. Specifically:

1) How do I save the value on each control before an AJAX PostBack?
2) Are there best practices to follow for this type of interaction to optimize performance?
3) Any specific examples of this kind of interaction with the Telerik AJAX controls?

Any help or pointers appreciated.

Ajax

answered on 12 Apr 2011