Pages

Monday, 26 September 2011

Ajax ComboBox - How to set change ComboBox DataTextField and DataValueField programmatically in asp.net


<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
    protected void Button1_Click(object sender, EventArgs e)
    {
        ComboBox1.DataTextField = "Name";
        ComboBox1.DataValueField = "Value";
    }
    void ComboBox1_SelectedIndexChanged(object sender, EventArgs e)
    {
        Label1.Text = ComboBox1.SelectedItem.Text + "<br />" + ComboBox1.SelectedItem.Value;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Ajax ComboBox - How to set change ComboBox DataTextField and DataValueField programmatically in asp.net</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkBlue; font-style:italic;">
            ASP.NET Ajax ComboBox - How to set change ComboBox
            <br /> DataTextField and DataValueField programmatically in asp.net
        </h2>
        <hr width="600" align="left" color="LightBlue" />
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <asp:Label
            ID="Label1"
            runat="server"
            Font-Size="Large"
            ForeColor="DarkGreen"
            Font-Italic="true"
            >
        </asp:Label>
        <br /><br />
        <asp:ComboBox
            ID="ComboBox1"
            runat="server"
            DropDownStyle="DropDown"
            AutoCompleteMode="None"
            DataSourceID="XmlDataSource1"
            CaseSensitive="false"
            RenderMode="Block"
            AppendDataBoundItems="false"
            AutoPostBack="true"
            Font-Names="Comic Sans MS"
            Font-Size="Medium"
            ForeColor="SaddleBrown"
            OnSelectedIndexChanged="ComboBox1_SelectedIndexChanged"
            >
        </asp:ComboBox>
        <asp:XmlDataSource ID="XmlDataSource1" runat="server">
            <Data>
                <Colors>
                    <Color Value="#FFFAF0" Name="FloralWhite" />
                    <Color Value="#FFE4B5" Name="Moccasin" />
                    <Color Value="#228B22" Name="ForestGreen" />
                    <Color Value="#FFFFE0" Name="LightYellow" />
                    <Color Value="#FFFACD" Name="LemonChiffon" />
                </Colors>
            </Data>
        </asp:XmlDataSource>
        <br /><br /><br />
        <br /><br /><br />
        <asp:Button
            ID="Button1"
            runat="server"
            OnClick="Button1_Click"
            Text="Set ComboBox DataTextField & DataValueField"
            Height="45"
            Font-Bold="true"
            ForeColor="DodgerBlue"
            />
    </div>
    </form>
</body>
</html>


No comments:

Post a Comment