Ajax dropdown extender in Asp.Net or how to use Ajax dropdown extender In Asp.Net

title> Ajax dropdown extender in Asp.Net or how to use Ajax dropdown extender In Asp.Net. Introducation:
In this Example Iam Going to Explain  how to use Ajax dropdown  extender in asp.net

dropdown extender


Description:

DropDown is an ASP.NET AJAX extender that can be attached to almost any ASP.NET control to provide a SharePoint-style drop-down menu. The displayed menu is merely another panel or control.

 When Ever You Want to Use  Ajax Controls in your website First you need Add
AjaxControlToolkit reference to your application


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>


You can Change TagPrefix Also,Some Exaples   tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp"

and also You can add ToolkitScriptManager Control under <form> Tag

Example Like this



<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>

Here Is Simple Coding:



<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ajx:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </ajx:ToolkitScriptManager>
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Panel ID="pnItems" runat="server" BorderColor="BlueViolet" BorderWidth="1">
            <asp:BulletedList ID="BulletedList1" runat="server">
                <asp:ListItem>Australia</asp:ListItem>
                <asp:ListItem>America</asp:ListItem>
                <asp:ListItem>Africa</asp:ListItem>
                <asp:ListItem>India</asp:ListItem>
            </asp:BulletedList>
        </asp:Panel>
        <ajx:DropDownExtender ID="DropDownExtender1" runat="server"                                    DropDownControlID="pnItems"
            Enabled="True" TargetControlID="TextBox1">
        </ajx:DropDownExtender>
    </div>
    </form>
</body>
</html>



No comments: