This is a migrated thread and some comments may be shown as answers.

Backspace key in RadCombobox

8 Answers 101 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

Tri Nguyen asked on 24 Nov 2010, 06:12 PM

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!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">

<div>

This is the first page.<br />

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default2.aspx">Go to page with combobox</asp:HyperLink>

</div>

</form>

</body>

</html>

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

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

</telerik:RadScriptManager>

<div>

Hitting the Backspace key after selecting an item here will redirect back to Default

<telerik:RadComboBox ID="RadComboBox1" runat="server">

<Items>

<telerik:RadComboBoxItem Value="0" Text="Item 0" />

<telerik:RadComboBoxItem Value="1" Text="Item 1" />

<telerik:RadComboBoxItem Value="2" Text="Item 2" />

<telerik:RadComboBoxItem Value="3" Text="Item 3" />

</Items>

</telerik:RadComboBox>

</div>

</form>

</body>

</html>

I am sure this has been addressed before, but I couldn't find any reference for it. So, here is the problem I found: when an item in a radcombox is selected, if you hit the backspace key, you will be redirected to the previous page. Below is my code: Starting from Default.aspx page, click on the hyperlink to Default2.aspx; selecting any of the items in the Radcombobox, hit the backspace key and you go back to Default.aspx.

Hopefully, it would be a simple solution to fix this. Thanks.

Tri Nguyen

8 Answers, 1 is accepted

answered on 30 Jan 2013, 01:16 PM

Hi Dennis,

The suggested workaround works only for some of the browsers. This beahvior with pressing backspace key or back arrow differs for different browsers and even for different versions. At the moment there is no standard or specification for this. Note that there are issues with all ajax applications and Back button.

Storing the value of the combo could be implemented in many ways. Cookies, Hidden fields, Local Storage. Here is a sample using Local Storage. Latest version of all modern browsers support Local Storage

<telerik:RadComboBox ID="RadComboBox1"

runat="server"

OnClientSelectedIndexChanged="onSelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Red" Value="red" />

<telerik:RadComboBoxItem runat="server" Text="Blue" Value="blue" />

<telerik:RadComboBoxItem runat="server" Text="Green" Value="Green" />

</Items>

</telerik:RadComboBox>

<asp:Button ID="Button1" runat="server" Text="Button that Redirects" />

<script type="text/javascript">

function pageLoad() {

var savedValue = localStorage.getItem('RadComboBox1');

var combo = $find('<%= RadComboBox1.ClientID %>');

if (savedValue != "" && combo.findItemByValue(savedValue)) {

combo.findItemByValue(savedValue).select();

}

function onSelectedIndexChanged(sender, eventArgs) {

localStorage.setItem('RadComboBox1', eventArgs.get_item().get_value());

}

</script>

Other option is to have your own "Back" button on a page which allows to make cross page posting. Also in the upcoming Q1 2013 there will be new Persistence Framework. It will allow users to preserve their settings between sessions by saving the state of any RadControl on the page in a file, database or any other storage. It will give you the ability to also save any other types of settings.

Kind regards,
Hristo Valyavicharski
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Backspace key in RadCombobox

8 Answers, 1 is accepted