>rjv_rnjn : On July 22, 2008 1:51 PM said:
>A sample code for achieving this in a drop-down list >would be nice.
Markup:
-----------------------------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit, Version=3.0.20229.20843, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e"
Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<head id="Head1" runat="server">
<title>Untitled Page</title>
<style type="text/css">
.dynamicPopulate_Normal
{
border: 1px inset #000080;
padding: 2px;
text-align: center;
height: 1.5em;
margin: 5px;
width: 400px;
}
.dynamicPopulate_Updating
{
background-image:url(images/loading.gif);
background-repeat:no-repeat;
border: 1px inset #000080;
text-align:center;
height:1.5em;
margin:5px;
width:400px;
}
</style>
<script type="text/javascript">
function updateSelection(value) {
var behavior = $find('DynamicPopulateExtender1');
if (behavior) {
behavior.populate(value);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
Select your favorite vegetable:
Spinach
Cucumber
Tomato
Eggplant
targetcontrolid="Panel1" servicemethod="Refresh" updatingcssclass="dynamicPopulate_Updating">
</ajaxToolkit:dynamicpopulateextender>
</form>
</body>
</html>
Code-Behind:
--------------------------------------------
using System;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ddlVegetables.Attributes.Add("OnChange", "updateSelection(this.value);");
}
[System.Web.Services.WebMethod()]
[System.Web.Script.Services.ScriptMethod()]
public static string Refresh(string contextKey)
{
System.Threading.Thread.Sleep(1000);
var text = string.Format("You selected: {0}", contextKey);
return string.Format("<span style='font-family:courier new;font-weight:bold;'>{0}</span>", text);
}
}