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

textbox keypress event not working in RadAjaxManager

8 Answers 245 Views

Ajax

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

nanthakumar thangavel asked on 10 Oct 2010, 01:37 PM

my webpage have two input control that is textbox & search button. i wrote textbox keypress event javascript .
if i try to type keywords in textbox, the keypress event is firing and then click search button control .again i try to type keywords in textbox the keypress event not firing..

Hope u could understand what i meant, plz help me..

this is my code:

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</asp:ScriptManager>

<script type="text/javascript">

window.$ = $telerik.$;

$(document).ready(function() {

var typeDelay = function(){

var timer = 0;

return function(callback, ms){

clearTimeout (timer);

timer = setTimeout(callback, ms);

}

}();

$("#query").keypress(function(){

// your ajax search here, with a 300 ms delay...

typeDelay(function(){

alert('controls comes here.!');

}, 300);

});

</script>

<telerik:RadAjaxManager id="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<ajaxsettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxPanel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</ajaxsettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel id="RadAjaxLoadingPanel1" Runat="server" Skin="Default" Width="100%"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%">

<asp:TextBox ID="query" MaxLength="100" runat="server" />

<asp:Button ID="btnSubmit" runat="server" Text="Search" />

</telerik:RadAjaxPanel>

</form>

</body>

</html>

8 Answers, 1 is accepted

answered on 17 Oct 2010, 09:51 AM

radajaxpanel replaced with asp panel but same problem occure.can you send me sample working code?

this is modified code:

<telerik:RadAjaxManager id="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<ajaxsettings>

<telerik:AjaxSetting AjaxControlID="pnlTest">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTest" />

</UpdatedControls>

</telerik:AjaxSetting>

</ajaxsettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel id="RadAjaxLoadingPanel1" Runat="server" Skin="Default" Width="100%"></telerik:RadAjaxLoadingPanel>

<asp:Panel runat="server" ID="pnlTest">

<asp:TextBox ID="query" MaxLength="100" runat="server" />

<asp:Button ID="btnSubmit" runat="server" Text="Search" />

</asp:Panel

answered on 25 Oct 2010, 09:19 AM

ajaxkeypress.zip

Hi,

Please find attached a sample application which shows the correct behavior of keypress event after the search button initiate a callback. Let me know if it works for you.

Kind regards,

Maria Ilieva
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 25 Oct 2010, 09:47 AM

hi

its great.now its working fine . but i have one question

1. why my code is not working .but i found one different in your code that's you have created event in vb side code
"query.Attributes.Add("onkeypress", "test()");" but i created event in client side using document ready

why this "$("#query").keypress" event not working in client side using jquery (document ready)

This my Code:

<script type="text/javascript">