Client Script for Server control?

Mike Labosh · Dec 20, 2005

I have a WebForm that has, among other things, the following:

ASP:TEXTBOX txtCorrectedName
ASP:LISTBOX lstCorrectedNames

The list box gets loaded with all the "correct" names of cities, and the
textbox is blank. The idea is that the user can pull up a record with bogus
address info, and correct the name of the city by either typing a new name
in the textbox, or choosing one from the list.

When the user clicks the list box, I have a click event that says:

private void lstCorrectedNames_SelectedIndexChanged(object sender,
System.EventArgs e) {
txtCorrectedName.Text = lstCorrectedNames.SelectedItem.Text;
}

But I think it's silly to make a round-trip to do that. So I want to do it
with client script. Client JavaScript is easy for this, but I'm not sure
how to get to it since both are server controls. I can add the client
<script...> block, but I would still have to change the HTML generated by
the server-side framework so that the controls register their client-side
events:

<select id="lstCorrectedNames" ... onclick="return thisScriptFunction();">

--
Peace & happy computing,

Mike Labosh, MCSD

"When you kill a man, you're a murderer.
Kill many, and you're a conqueror.
Kill them all and you're a god." -- Dave Mustane

Eliyahu Goldin · Dec 20, 2005

Mike,

You don't need to change any html. In your browser server controls become
client ones with the same id. < ASP:LISTBOX id = lstCorrectedNames will
become <select id="lstCorrectedNames" automatically. You just need to setup
a client-side event handler:
<ASP:LISTBOX id=lstCorrectedNames ... onclick="return
thisScriptFunction();"...

Eliyahu

Atul · Dec 20, 2005

Hi,

to do it at clientside you can
function selectcity()
{
ob1=document.getElementById('lstCorrectedNames');
ob2=document.getElementById('txtCorrectedName');
ob2.value=ob1.value;
return false;
}

and

<select id="lstCorrectedNames" ... onclick="return selectcity();">

Mike Labosh · Dec 20, 2005

Still not working. Here is the relevant code:

<html>
<head>
<script language=javascript>

</script>
</head>
<body>
<form runat=server... >

<ASP:LISTBOX id="lstCorrectedNames" runat="server"
onselectedindexchanged="return correctName();">

</ASP:LISTBOX>

<ASP:TEXTBOX id="txtCorrectedName" runat="server">
</ASP:TEXTBOX>
</form>
</body>
</html>

--
Peace & happy computing,

Mike Labosh, MCSD

"When you kill a man, you're a murderer.
Kill many, and you're a conqueror.
Kill them all and you're a god." -- Dave Mustane

Bruce Barker · Dec 20, 2005

ASP:LISTBOX controls(at least in version 1), does not have clientside event
support. the onclick, and onselectedindexchanged are server side events. to
add client side events you do it in the code behind with
Attributes.Add("onclick","dosomething();").

note: many asp.net server controls render a span around their content, and
the client events are added to the span.

-- bruce (sqlwork.com)

Atul Parmar via DotNetMonster.com · Dec 21, 2005

Hi, this is another way without modifying your codebehind file.
<ASP:LISTBOX id="lstCorrectedNames" runat="server" onclick="return
correctName();">

I know this is not supported but it will work fine.

"Hidden" Web Server Control	3	Dec 12, 2005
Client Script for server controls..	1	Oct 20, 2005
Developing a server/client card game	4	Dec 29, 2013
Client-side scripting on server control	9	Jul 7, 2005
Client server question	1	Sep 28, 2006
Client script access to server side controls	4	Jan 3, 2005
Making a client side script Server Side	47	Dec 16, 2008
server control on masterpage	1	Feb 20, 2009

Client Script for Server control?

Mike Labosh

Eliyahu Goldin

Atul

Mike Labosh

Bruce Barker

Atul Parmar via DotNetMonster.com

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads