RadGrid Filter Menu Invokes by Mistake on Enter Key

[J.A.]

Hello,

I've been facing a bug in the filter textboxes of the radgrid as following.

The Problem:
When the user press Enter key on any text box of the filter textboxes it will always display the filter menu of the first column.

Debugging:
After doing some debugging, I noticed that the filter image is of type "Submit" which the browser considers the submit button of the form and invokes it, so while there are no submit buttons on the form, the onclick event of the filter image is invoked resulting in the menu displayed by mistake.
In FireFox, the menu is displayed at position 0,0.
In IE, the menu is displayed relative to where the mouse positioned.

To Reproduce:
1- Put a radgrid in a webform page while flitering is enabled and do set autopostbackonfilter=false, don't put any other elements in the page, to be precise no submit buttons.
2- Focus on any of the filtering textboxes and hit enter.

[Sebastian]

Hi J.A.,

There are several known issues with the filtering in the 2008.3.1314 version (Q3 2008 SP2) of RadGrid for ASP.NET AJAX reported and they should be addressed in the latest internal build which you can download from your account. Please migrate to it following the steps from here and let us know whether the issue persists in order to research the matter further.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Kavitha]

Hai,

I used the latest version 2012.1.
But I am having the same problem when enter key is pressed in any text box, the filter menu appears.
Even when the grid is in edit mode, and when I press enter in the edit mode textbox , the first filter menu appears.
Any solution to get rid of the filter menu when enter key is pressed?
Thanking you

[Manuel]

Hi,

I have the same problem, but with Edit Form inside the RadGrid, when i pressed Enter Key in other any control or TextBox the RadGrid refresh and the Edit Form shows for the first record of the grid.

Is there any solution?

Best Regards.

[Shinu]

Hello Kavitha,

This is because the filter button of the first RadGrid column turns out to be the first button rendered in the form the grid resides in. That is why it is set as the form's default (submit) button. In order to work around this, you can declare an invisible inactive button and set it to be the default one.
aspx:

<form id="form1" defaultbutton="Button2" runat="server">
<asp:Button ID="Button2" runat="server" Text="" style="display: none;" OnClientClick="return false;" />

-Shinu.

[Kavitha]

Hai Shinu,

Thanks for your reply.
The above solution works only when button is visible. If we set  style="display: none;" it does not work.
So it have set height=0 and width=0 for my button. Now it works, but I always see the small button in my page.
Any solution?

[Tsvetina]

Hello Kavitha,

Can you confirm that you used the style="display:none" setting for hiding the button and not Visible="false"? The first one should work and the second one would not.

Alternatively, you can also try setting style="visibility:hidden" to hide the button with style only.  

Kind regards,
Tsvetina
the Telerik team

[Kavitha]

Hai Tsvetina,

I confirm you that  style="display:none" does not work.
I also tried setting style="visibility:hidden" but it does not work also.

<form id="form1" runat="server" defaultbutton="Button2">

    <asp:Button ID="Button2" runat="server" Text="Hello" style="visibility:hidden"
    OnClientClick="alert('hello');"/>

 </form>

If I press enter, I must get alert box with hello message,even when the button is hidden.
Thanks.

[Tsvetina]

Hello Kavitha,

I used your declaration with a display:none style and I got an invisible button that fires its alert when Enter key is pressed. Here is a link to a video I made of this test:
http://screencast.com/t/EOOSjBPe

And this is the full code I used:

<form id="form1" runat="server" defaultbutton="Button2">
<asp:Button ID="Button2" runat="server" Text="Hello" Style="display: none" OnClientClick="alert('hello');" />
<input type="text" />
</form>

All the best,
Tsvetina
the Telerik team

[Kavitha]

Hai Tstevina,

Thanks for the reply.
Your code is working only when <input type="text" /> is present.
If I remove <input type="text" />, no alert when Enter key is pressed.
For example, in my code, I have only a radGrid which displays data. I have added my hidden button above my radGrid.

[Tsvetina]

Hello Kavitha,

With a grid this works fine for me, too. You can see this in the project attached to this message. With the above code the filter menu stops showing and the alert from the button shows.

Greetings,
Tsvetina
the Telerik team