In order to assign different client-events to different ajaxified controls you can use the following approach:
| ASPX |
 Copy Code |
|
<rad:RadAjaxManager ID="RadAjaxManager1" runat="server"><AjaxSettings>
<rad:AjaxSetting AjaxControlID="Button1">
<UpdatedControls>
<rad:AjaxUpdatedControl ControlID="Label1" />
</UpdatedControls>
</rad:AjaxSetting>
<rad:AjaxSetting AjaxControlID="DropDownList1">
<UpdatedControls>
<rad:AjaxUpdatedControl ControlID="Label1" />
</UpdatedControls>
</rad:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart="Start" OnResponseEnd="End" />
</rad:RadAjaxManager>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem>111</asp:ListItem>
<asp:ListItem>222</asp:ListItem>
</asp:DropDownList> |
| JavaScript |
Copy Code |
|
<script type="text/javascript">
function Start(sender, arguments)
{
if (arguments.EventTarget == "<%= Button1.UniqueID %>")
{
alert("StartButton");
}
if (arguments.EventTarget == "<%= DropDownList1.UniqueID %>")
{
alert("StartDropdown");
}
}
function End(sender, arguments)
{
if (arguments.EventTarget == "<%= Button1.UniqueID %>")
{
alert("EndButton");
}
if (arguments.EventTarget == "<%= DropDownList1.UniqueID %>")
{
alert("EndDropdown");
}
}
</script> |
This way the DropDownList and the Button will have different client-events although using the same RadAjaxManager or RadAjaxPanel.