Question

我想基于主要类别和子类别创建动态添加的ListBoxes，其中它们可以是无限量的子类别。我整个星期都在研究这个问题而无法理解这一点。

我希望它像Ebay类别选择一样。当页面加载时，将有一个包含所有主要类别的列表框。当用户选择列表框中的项目时，应该动态添加另一个列表框，使得每个列表框仍然存在所选项目。因此，在选择第一个列表框中的第一个项目后，应该有两个列表框，第二个列表框显示属于所选子类别的所有子类别。请看截图。

Ebay Category Selection Example http://www.aquariumbids.com/Images/ebayCat.JPG

每次请求代码 - 我认为它接近工作。

    public partial class WebForm2 : System.Web.UI.Page
{
    private Int32 controlCount = 0;
    Panel _panel;

    private Panel PanelPlaceholder
    {
        get
        {
            if (_panel == null && Master != null)
                _panel = pnlContainer;
            return _panel;
        }
    }

    protected void Page_PreInit(Object sender, EventArgs e)
    {
        this.EnsureChildControls();

        if (IsPostBack)
        {
            // Re-create controls but not from datasource
            // The controlCount value is output in the page as a hidden field during PreRender.
            controlCount = Int32.Parse(Request.Form["controlCount"]); // assigns control count from persistence medium (hidden field)         
            for (Int32 i = 0; i < controlCount; i++)
            {
                CreateDynamicControlGroup(false);
            }
        }
    }
    protected void Page_Load(Object sender, EventArgs e)
    {
        // create from data query.
        // only if not postback
        if (!IsPostBack)
        {
            int cc = controlCount;

            DataTable dt = null;                
            Dictionary<string, string> Params = new Dictionary<string, string>();
            dt = Globals.g_DatabaseHandler.GetRecords(StoredProcedures.GetMainCategories, Params);

            // create a set of dynamic controls for the Row, incrementing counter and 
            // getting a reference to the new controls via their common parent (Dynamic PlaceHolder)
            CreateDynamicControlGroup(true);

            ListBox lb = (ListBox)PanelPlaceholder.Controls[controlCount - 1];

            // On reload you will see that child ListItems are persisted by the DropDownList
            lb.DataSource = dt; // use the same table
            lb.DataValueField = "ID";
            lb.DataTextField = "Name";
            lb.DataBind();
        }
    }


    protected void Page_PreRender(Object sender, EventArgs e)
    {
        // persist control count
        ClientScript.RegisterHiddenField("controlCount", controlCount.ToString());
    }


    private void ListBox_SelectedIndexChanged(Object sender, EventArgs e)
    {
        ListBox lb = sender as ListBox;


        Dictionary<string, string> Params = new Dictionary<string, string>();
        Params.Add("parentID", lb.SelectedValue);
        DataTable Categories = Globals.g_DatabaseHandler.GetRecords(StoredProcedures.GetChildCategories, Params);

        if (Categories.Rows.Count > 0)
        {
            // create a set of dynamic controls for the Row, incrementing counter and 
            // getting a reference to the new controls via their common parent (Dynamic PlaceHolder)
            CreateDynamicControlGroup(true);

            ListBox newLb = (ListBox)PanelPlaceholder.Controls[controlCount - 1];
            // On reload you will see that child ListItems are persisted by the DropDownList
            newLb.DataSource = Categories; // use the same table
            newLb.DataValueField = "ID";
            newLb.DataTextField = "Name";
            newLb.DataBind();
        }
    }


    private void CreateDynamicControlGroup(Boolean incrementCounter)
    {
        // Create one logical set of controls do not assign values!
        ListBox lb = new ListBox();
        lb.AutoPostBack = true;
        lb.CssClass = "panel";
        PanelPlaceholder.Controls.Add(lb);

        // wire event delegate
        lb.SelectedIndexChanged += new EventHandler(ListBox_SelectedIndexChanged);

        if (incrementCounter)
        {
            controlCount += 1;
        }
    }
}

标记：

 <div class="Column12" id="Form_NewListing">
    <h2 class="h2row">Create Your Listing - Step 1 of 2)</h2>
    <h3 class="h3row">Select a category</h3>
    <div class="panel">
        <asp:Panel ID="pnlContainer" runat="server"></asp:Panel>        

    </div>
</div>

Answer 1

如果你想在没有回发的情况下这样做，这篇文章可能有所帮助：使用Microsoft ASP.NET AJAX框架创建级联下拉列表的步骤 http://support.microsoft.com/kb/976156

Asp.net在PostBack上动态重新创建ListBoxes

1 个答案: