Updating Database using AJAX.

Hello Experts,

How can i update the database from client side after removing the focus
from the particular panel.

You'll need to use a bit of client-side scripting. You can attach an onblur event handler to the panel element, and use script to fire off the postback. One of the easiest ways to do that is to use a hidden button inside of the panel, and call button.onclick() from you onblur handler.

on blur event of textbox u have to attach the ClientScript.RegisterClientScriptBlock()

so it will perform operation that is available in the script.

Use "Hello World Using Client Script" in UserControl

Hi

I want to create a asp.net user control for dynamic date entering, and I'm trying to use the same approach as in the example:

 <form runat="server">
 <div>
 Search for
 <input id="SearchKey" type="text" />
 <input id="SearchButton" type="button"
 value="Search"
 onclick="DoSearch()" />
 </div>
 </form>
 <hr style="width: 300px" />
 <div>
 <span id="Results"></span>
 </div>
 <script type="text/javascript"
 function DoSearch()
 {
 var SrchElem = document.getElementById("SearchKey");
 Samples.AspNet.HelloWorldService.HelloWorld(SrchElem.value,
 OnRequestComplete);
 }
 function OnRequestComplete(result)
 {
 var RsltElem = document.getElementById("Results");
 RsltElem.innerHTML = result;
 }
 </script>

The problem is if I use <input id=SearchKey> -tag for the result, then there will be problems if I use the same control multiple times on one page (the id is not unique, and the OnRequestComplete will update every <input>-tag with id=SearchKey). If I change it to <input id=SearchKey runat=server>, asp will render unique id's for the <input>, but then .getElementById() does not find "object".

I have done a "workaround" where I passes the object's Id to the Webservice, and returns it in an array together with the result, but I don't think this is "a great way". Is there any other solution? A better one?

function DoSearch(CallerId)
{
var SrchElem = document.getElementById(CallerId);
Samples.AspNet.HelloWorldService.HelloWorld(this.id, SrchElem.value,
OnRequestComplete);
}

function OnRequestComplete(result)
{

var objectId = result[0].toString();
var WebServiceResult = result[1].toString();
var RsltElem = document.getElementById(objectId);
RsltElem.innerHTML = result;
}

Regards

Lars K.

This is a common problem... if you use ASP.NET server IDs you need to reference the client ID in client script:

var Ctl = $('<%= SearchKey.ClientID %>');

will do the trick in finding the control reliably.

You also need to use this if use MasterPages or any contained control, so as a general rule this is the best way to reference server based page variables.

+++ Rick --