Questions on UI for ASP.NET AJAX Forum

1 answer

162 views

Hi,

I have a RadListbox (single select mode) and a button which deselects all items in the RadListbox using clearSelection() in javascript. This appears to work, until there is a postback at which point the item is selected again.

Here is some example code which exhibits this problem (p_Postback_Click is just an empty event handler to cause a postback):

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

<%@ 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">

<script type="text/javascript">

function ClearListbox() {

lb = $find("RadListBox1");

lb.clearSelection();

}

</script>

<ajax:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></ajax:ScriptManager>

<div>

<telerik:RadListBox ID="RadListBox1" runat="server">

<Items>

<telerik:RadListBoxItem Text="Item 1" />

<telerik:RadListBoxItem Text="Item 2" />

<telerik:RadListBoxItem Text="Item 3" />

</Items>

</telerik:RadListBox>

<asp:Button ID="b_ClearSelection" runat="server" Text="Clear Selection" onclientclick="ClearListbox(); return false;" />

<asp:Button ID="b_PostBack" runat="server" Text="Postback"

onclick="b_PostBack_Click" />

</div>

</form>

</body>

</html>

Is this a bug, or am I just missing something else that I need to do? I've seen trackChanges and commitChanges in the documentation but these seem to be needed only when adding or deleting ListItems clientside.

Thanks
Andy

ListBox

answered on 01 Sep 2011

1 answer

86 views

RadSpell sometimes does not update asp:TextBox after spellcheck

Hi,
I have a multi-line ASP.NET TextBox control that I want to spell check using the Telerik SpellCheck control via JS envoked form an image button located beside the TextBox. The textbox is located on a page with many other ASP input controls and multiple TextBoxes with SpellCheck controls.

The click event handler on my web page is a follows:
var radSpellCheck = $find('MyRadSpellCheckCtrlID');
if (radSpellCheck != null) {
radSpellCheck.startSpellCheck();
}

A second imagebutton beside the TextBox is used to resize it (and change the Z-index) allowing the TextBox to take over the entire size of the page to facilitate editing large notes.

When the TextBox is in it's normal layout and size (300px x 150px) and the "startSpellCheck()" is called the spell checker is displayed but none of the changes are reflected back into the TextBox.
However when it's size is maximized the "startSpellCheck()" works, updating the contents of the same TextBox. What is strange, that the keyboard shortcut I have implemented to trigger the same spellcheck code is used, it works in both situations.

Between expanded and normal display mode I all I am doing is changing the height, width, and z-index of the rendered <TextArea/> tag. I don't see why it would work in one instance and no another. Note: My event handler returns FALSE to prevent a post-back.

Spell

answered on 01 Sep 2011

1 answer

239 views

RadAjaxLoadingPanel in UserControl - Displays only first time in one page, not at all on a different page

I have a RadAjaxLoadingPanel and a RadGrid inside a User Control.
This UserControl appears on two pages.

On one of the pages, the first time I sort the RadGrid, the RadAjaxLoadingPanel displays exactly as it should. But then when I sort it a second time, it does not. Not until I perform a full postback action or refresh the page does the RadAjaxLoadingPanel work again, and again it only works once.

On the other one of the pages, the RadAjaxLoadingPanel just doesn't display at all.

I'm using this RadAjaxLoadingPanel one a different grid in a third page, and it works fine.

How do I go about solving this? I'm assuming that there is something else on the page which is intefering with the RadAjaxLoadingPanel.

I've enclosed the usercontrol markup and code-behind. (Note that I'm registering with the RadAjaxManager in the code, not the markup.)

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TransferItemGrid.ascx.cs" Inherits="Viewers_TransferItemGrid" %>

<telerik:RadAjaxLoadingPanel

ID="loadPanelQueuedFiles"

runat="server"

Height="75px"

Width="75px"

Transparency="5">

<img

alt="Loading..."

src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'

style="border: 0;"

/>

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid

ID="radGridFileTransfers"

runat="server"

Skin="Windows7"

OnNeedDataSource="OnGridNeedDataSource"

Width="95%"

EnableViewState="true">

<MasterTableView TableLayout="Auto" AutoGenerateColumns="false" AllowSorting="true" AllowPaging="true">

<Columns>

<telerik:GridHyperLinkColumn

DataTextField="PlayerName"

HeaderText="Player"

DataNavigateUrlFields="PlayerId"

DataNavigateUrlFormatString="~/Admin/PlayerDiagnostics.aspx?playerid={0}"

SortExpression="PlayerName"

/>

<telerik:GridBoundColumn

DataField="Name"

HeaderText="File"

SortExpression="Name"

/>

<telerik:GridBoundColumn DataField="TransferType" HeaderText="Transfer Type" />

<telerik:GridBoundColumn DataField="Status" HeaderText="Status" />

<telerik:GridBoundColumn DataField="PercentageDownloaded" HeaderText="Downloaded %" />

<telerik:GridBoundColumn DataField="FileSize" HeaderText="Size" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

And the code-behind:

using System;

using System.Collections.Generic;

using WebsitePresentationLayer;

using Telerik.Web.UI;

public partial class Viewers_TransferItemGrid : System.Web.UI.UserControl

{

public Viewers_TransferItemGrid()

{

this.IsPlayerColumnVisible = true;

}

protected override void OnLoad(EventArgs e)

{

base.OnLoad(e);

}

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

SetupAjax();

}

private void SetupAjax()

{

CmsPage cmsPage = (CmsPage)(this.Page);

var ajaxSetting = new AjaxSetting(this.radGridFileTransfers.ID);

ajaxSetting.UpdatedControls.Add(new AjaxUpdatedControl(this.radGridFileTransfers.ID, this.loadPanelQueuedFiles.ID));

cmsPage.RadAjaxManager.AjaxSettings.Add(ajaxSetting);

}

protected void Page_Load(object sender, EventArgs e)

{

}

private IEnumerable<TransferTableRow> _transferTableRows;

public IEnumerable<TransferTableRow> TransferTableRows

{

get

{

return _transferTableRows;

}

set

{

// There was a problem that the grid would become blank in the playerdiagnostics page

// when the Refresh button was pressed

_transferTableRows = value;

this.radGridFileTransfers.DataSource = _transferTableRows;

this.radGridFileTransfers.DataBind();

}

public bool IsPlayerColumnVisible

{

get;

set;

}

public const int PLAYER_COLUMN_INDEX = 0;

protected override void OnPreRender(EventArgs e)

{

var playerColumn = this.radGridFileTransfers.Columns[PLAYER_COLUMN_INDEX];

playerColumn.Visible = this.IsPlayerColumnVisible;

}

protected virtual void OnGridNeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

this.radGridFileTransfers.DataSource = this.TransferTableRows;

}

Ajax

answered on 01 Sep 2011

7 answers

174 views

RadUpload Ajax callback error

Hi, I am trying to upgrade a project to use MVC and .NET 4. It used the RadUploadProgressHandler just fine, but now I am getting an error. I have seen numerous posts about this and how to fix it, but the fixes just don't seem to be working for me.

The error has something to do with route registration. This is the current state of that in my global.asax.cs...

public static void RegisterRoutes(RouteCollection routes)

{

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.IgnoreRoute("{resource}.aspx/{*pathInfo}");

routes.IgnoreRoute("{resource}.ashx/{*pathInfo}");

routes.MapRoute(

"Default", // Route name

"{controller}/{action}/{id}", // URL with parameters

new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults

);

}

I have attached the current state of my web.config. Can someone help me with the correct settings to get this to work please?

<?xml version="1.0" encoding="UTF-8"?>
<configuration xmlns="http://schemas.microsoft.com/.NetConfiguration/v2.0">
    <system.web>
        <httpModules>
            <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI"/>
            <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <add name="UrlRoutingModule" type="System.Web.Routing.UrlRoutingModule, System.Web.Routing, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        </httpModules>
        <httpHandlers>
            <add verb="*" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI"/>
            <remove verb="*" path="*.asmx"/>
            <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false"/>
        </httpHandlers>
        <httpRuntime maxRequestLength="102400" executionTimeout="3600"/>
        <compilation defaultLanguage="c#" debug="true" targetFramework="4.0">
            <assemblies>
                <add assembly="System.Web.Abstractions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
                <add assembly="System.Web.Helpers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
                <add assembly="System.Web.Routing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
                <add assembly="System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
                <add assembly="System.Web.WebPages, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
 
                <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
                <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add assembly="System.Web.Abstractions,Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add assembly="System.Web.Routing, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
 
 
            </assemblies>
        </compilation>
        <customErrors mode="Off" defaultRedirect="~/error.aspx">
            <error statusCode="404" redirect="~/errorPageNotFound.aspx" />
        </customErrors>
        <membership defaultProvider="BWMembershipProvider">
            <providers>
                <clear />
                <add name="BWMembershipProvider" type="BigWave.Web.BWMembershipProvider" />
            </providers>
        </membership>
        <authentication mode="Forms">
            <!--timeout is set to a value greater than a day.  acual timeout value is controlled by the cookie set during the login process-->
            <forms name="BigWave" loginUrl="login.aspx" defaultUrl="default.aspx" protection="All" timeout="200" slidingExpiration="true" path="/; HttpOnly" />
        </authentication>
        <authorization>
            <allow users="*" />
        </authorization>
        <trace enabled="false" requestLimit="10" pageOutput="false" traceMode="SortByTime" localOnly="true"/>
        <sessionState mode="InProc" stateConnectionString="tcpip=127.0.0.1:42424" sqlConnectionString="data source=127.0.0.1;Trusted_Connection=yes" cookieless="false" timeout="45"/>
        <globalization requestEncoding="utf-8" responseEncoding="utf-8"/>
        <pages viewStateEncryptionMode="Never" enableEventValidation="false" controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">
            <namespaces>
                <add namespace="System.Web.Helpers" />
                <add namespace="System.Web.Mvc" />
                <add namespace="System.Web.Mvc.Ajax" />
                <add namespace="System.Web.Mvc.Html" />
                <add namespace="System.Web.Routing" />
                <add namespace="System.Web.WebPages" />
            </namespaces>
        </pages>
    </system.web>
    <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <modules>
            <remove name="ScriptModule"/>
            <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <!-- *******  Register the RadUploadModule for IIS 7  ****** -->
            <add name="RadUploadModule" preCondition="integratedMode" type="Telerik.Web.UI.RadUploadHttpModule" />
        </modules>
        <handlers>
            <remove name="ScriptHandlerFactory"/>
            <remove name="ScriptHandlerFactoryAppServices"/>
            <remove name="ScriptResource"/>
            <remove name="WebServiceHandlerFactory-Integrated"/>
            <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            <!-- *******  Register the RadUploadProgressHandler for IIS 7  ****** -->
            <add name="Telerik_RadUploadProgressHandler_ashx" verb="*" preCondition="integratedMode" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" />
        </handlers>
    </system.webServer>
    <runtime>
        <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
            <dependentAssembly>
                <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
                <bindingRedirect oldVersion="1.0.0.0-2.0.0.0" newVersion="3.0.0.0" />
            </dependentAssembly>
        </assemblyBinding>
    </runtime>
    <location path="Telerik.RadUploadProgressHandler.ashx">
        <system.web>
            <authorization>
                <allow users="*" />
            </authorization>
        </system.web>
    </location>
</configuration>

Upload (Obsolete)

answered on 01 Sep 2011

1 answer

65 views

Problem Putting a grid into edit mode programatically

Hi

I am seeing a problem when I attempt to put one of my grids into edit mode.

The grid is defined as follows:

<telerik:RadGrid ID="ColumnRadGrid" runat="server"

AllowAutomaticUpdates="True"

AllowFilteringByColumn="false"

AllowMultiRowSelection="true"

AllowSorting="false"

AutoGenerateColumns="false"

ClientSettings-AllowColumnsReorder="false"

Height="100%"

OnItemCreated="ColumnRadGrid_ItemCreated"

OnItemUpdated="ColumnRadGrid_ItemUpdated"

OnNeedDataSource="ColumnRadGrid_NeedDataSource"

ShowHeader="true"

TabIndex="6"

Visible="True"

Width="100%">

<ClientEvents OnRowDblClick="ColumnRowDblClick" OnRowClick="RowClick"

OnGridCreated="GridCreated" OnCommand="GridCommand" />

</ClientSettings>

<telerik:GridBoundColumn

DataField="ColumnName"

HeaderText="Data Field"

ItemStyle-Wrap="False"

ReadOnly="True"

UniqueName="columnName" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

ColumnEditorID="GridTextBoxColumnEditor"

DataField="Alias"

HeaderText="Column Alias"

ItemStyle-Wrap="False"

UniqueName="columnAlias" >

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn

HeaderStyle-Width="100px"

HeaderText="Show Option"

ItemStyle-Width="100px"

ItemStyle-Wrap="False"

UniqueName="showOption" >

<asp:Label ID="ColumnRadGridShowLabel" runat="server" Text='<%#Eval("ShowText") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="ColumnRadGridShowComboBox" runat="server" ClientIDMode="Static" Width="90px">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

HeaderStyle-Width="135px"

HeaderText="Sort Option"

ItemStyle-Width="135px"

ItemStyle-Wrap="False"

UniqueName="sortOption" >

<asp:Label ID="ColumnRadGridSortLabel" runat="server" Text='<%#Eval("SortText") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="ColumnRadGridSortComboBox" runat="server" ClientIDMode="Static" Width="125px">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor" runat="server" TextBoxStyle-Width="165px" />

I have followed your example on double-clicking a grid row and putting it into edit mode.
This part of the problem I have working.

The following part however is giving me problems.

Our UI requires I have and 'Edit' Image button outside the grid, and clicking this UI element
should put the selected row into edit mode.

It does, briefly. Then I get a post-back or something and the row reverts to uneditable.

I am using the same client-side call as works in my row double click event.

One more thing. This UI is inside an aspx file that I am referencing in a RadWindow.

What am I missing????

Grid

answered on 01 Sep 2011

3 answers

75 views

Latest Avaliable Version of ASP.NET controls to support 2.0

As the Title says, i'm curious to know what the latest release of the telerik controls are that support .NET Framework 2.0, our older app is stuck on 2.0, and we are reluctant to move versions to a higher version of .NET as we'd have to rework a heap of stuff.

So can you please tell me what the current highest version that i can download that still supports 2.0's framework.

Cheers

General Discussions

answered on 01 Sep 2011

6 answers

443 views

Google Chrome display problems

I have page that uses Raddocks; works properly in Internet Explorer and Firefox, but in Google Chrome everything is pushed to the left and there is no content. I've included a snapshot of what the screen looks like in Firefox (the content is deliberately blurred) and in Chrome. All content is dynamic, with a combination of Radgrids and Rotators.

Any suggestions? I've tried clearing the cache and refreshing in Chrome, but still the same. One user reported a similar problem in IE, but I haven't been able to reproduce that.

Dock

answered on 01 Sep 2011

1 answer

108 views

RadGrid and WCF

Hi,

I am considering Telerik for a project that has to communicate with external WCF service. What is the best approach in terms of performance to bind data from the service to RadGrid? External web service provides methods like "List<Document> GetDocuments()".

Am I able to use direct "Client-Side Binding" as described at http://demos.telerik.com/aspnet-ajax/grid/examples/clientbinding/defaultcs.aspx or should I call the service and bind data "OnNeedDataSource"?

Thanks,

Igor

Grid

answered on 01 Sep 2011

5 answers

167 views

ComboBox selectedItem not accurate from client-side event

Hi,
We have a page containing (among other things) a RadComboBox (for Equipment) and a user control.

The user control is for "Location" and has several RadComboBoxes (Campus, Building, Floor, etc). The location is selected through these RadComboBoxes.

Our issue is that when a server-side event (e.g. Click or SelectedIndexChanged) requests the selected location, the correct value is returned but when a clien-side event (e.g. OnItemsRequested or OnClientDropDownOpening) requests the selected location, what is returned is the values originally assigned to the Location RadComboBoxes, not the updated values which may have been subsequently selected.

Thanks for your help,
Dan Norton

ComboBox

answered on 01 Sep 2011

7 answers

326 views

app_code window open problem

Hi

Thanks for all your help so far. I now have an 'ASP.NET AJAX Control Toolkit' modal popup from within which I am opening a Radwindow. This Radwindow must appear above the modal popup with a preview URL. The preview button triggers the following code behind, which works fine:

Protected Sub ButtonPreviewWindow_OnClick(ByVal sender As Object, ByVal e As System.EventArgs)

'keep the modal popup showing

ModalImagePopup01.Show()

Dim sbScript As New System.Text.StringBuilder()

Dim strNewURL As String = "http://www.bbc.co.uk"

sbScript.Append("var oWnd = $find('" & RadWindowPreviewSite.ClientID & "');")

sbScript.Append("oWnd.setUrl(""" & strNewURL & """);")

sbScript.Append("oWnd.setActive(true);")

sbScript.Append("oWnd.show();")

ScriptManager.RegisterStartupScript(Page, Me.GetType(), "key", sbScript.ToString(), True)

End Sub

Now I have many of these to trigger so I tried to move this code in to a class in my app_code folder:

Public Shared Sub RadWindow_ShowWindow_PreviewURL(ByVal RadWindow As RadWindow, ByVal strNewURL As String)

Dim sbScript As New System.Text.StringBuilder()

Dim page As Page = DirectCast(context.Handler, Page)

sbScript.Append("var oWnd = $find('" & RadWindow.ClientID & "');")

sbScript.Append("oWnd.setUrl("""" & strNewURL & """");")

sbScript.Append("oWnd.setActive(true);")

sbScript.Append("oWnd.show();")

ScriptManager.RegisterStartupScript(page, GetType(Page), "key", sbScript.ToString(), True)

End Sub

I call this using:

Protected Sub ButtonPreviewWindow_OnClick(ByVal sender As Object, ByVal e As System.EventArgs)

TelerikFunctionality.RadWindow_ShowWindow_PreviewURL(RadWindowPreviewSite, "http://www.bbc.co.uk")

End sub

However it doesn't open a new Radwindow - sometimes it does in Firefox for the first preview click (and then nothing after) - in other browsers nothing happens at all.

Any ideas?

Thanks in advance.

Kevin

Window

answered on 01 Sep 2011