how to bind two relative drop down in user control (.ascx) page dynamically

Question

0.00/5 (No votes)

See more:

i am trying to bind my two drop down in such a way that on selected index of one dropdown second fill with its relative values. I need this activity on user control page because my form is on .ascx page only but the problem is when selected index calls it reload the page again and my controls set on its initial values and second drop down is not filling its value.. what to do..???

please help me and tell me how to control postback here

thanks in advance

Posted 11-Jun-14 1:15am

Rishabh Vinod Saxena

Updated 11-Jun-14 1:34am

v4

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

goathik · Answer 1 · 2014-06-11T01:35:00

Please, consider using updatepanel envolving both controls on the page that uses them, and handling the selectindexchange event on that same page (which will now not postback anymore).

Update:

this is a basic example which makes the second drop down has the first dropdown's value when the latter is selected.

Page:

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="dummyweb.WebForm1" %>

<%@ Register Src="~/WebUserControl1.ascx" TagPrefix="uc1" TagName="WebUserControl1" %>
<%@ Register Src="~/WebUserControl2.ascx" TagPrefix="uc1" TagName="WebUserControl2" %>



<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager runat="server"></asp:ScriptManager>
        <div>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>

                    <uc1:WebUserControl1 runat="server" ID="WebUserControl1" OnSelectIndexChanged="WebUserControl1_SelectIndexChanged" />
                    <uc1:WebUserControl2 runat="server" ID="WebUserControl2" />

                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </form>
</body>
</html>

PAGE.cs

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace dummyweb
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void WebUserControl1_SelectIndexChanged(object sender, EventArgs e)
        {
            DropDownList ddl = (DropDownList)sender;
            WebUserControl2.DropDown.SelectedValue = ddl.SelectedValue;
        }
    }
}

UserControl1

XML

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs" Inherits="dummyweb.WebUserControl1" %>

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
    <asp:ListItem Text="item1" Value="1"></asp:ListItem>
    <asp:ListItem Text="item2" Value="2"></asp:ListItem>
    <asp:ListItem Text="item3" Value="3"></asp:ListItem>
    <asp:ListItem Text="item4" Value="4"></asp:ListItem>
</asp:DropDownList>

UserControl1.cs

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace dummyweb
{
    public partial class WebUserControl1 : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        public event EventHandler SelectIndexChanged;

        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            SelectIndexChanged(sender, e);
        }

    }
}

UserControl2

XML

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl2.ascx.cs" Inherits="dummyweb.WebUserControl2" %>
<asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem Text="item1" Value="1"></asp:ListItem>
    <asp:ListItem Text="item2" Value="2"></asp:ListItem>
    <asp:ListItem Text="item3" Value="3"></asp:ListItem>
    <asp:ListItem Text="item4" Value="4"></asp:ListItem>
</asp:DropDownList>

UserControl2.cs

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace dummyweb
{
    public partial class WebUserControl2 : System.Web.UI.UserControl
    {
        public DropDownList DropDown { get { return DropDownList1; } }
        protected void Page_Load(object sender, EventArgs e)
        {

        }
    }
}