Add listbox items to the dynamic checkbox text in a dynamic table

[lightwalker19]

I need to dynamically create multiple checkbox, the data source is a listbox... that listbox receives a sqldatasource with a select statement. So basically what i want is to show users with their own names on a dynamic table. is there any other way? please help :)

 protected void Panel17_Init(object sender, EventArgs e)
        {
 
            // Create a new HtmlTable object.
            HtmlTable table1 = new HtmlTable();
 
            // Set the table's formatting-related properties.
            table1.Border = 1;
            table1.CellPadding = 6;
            table1.CellSpacing = 3;
            table1.BorderColor = "red";
            table1.Width = "900";
 
            // Start adding content to the table.
            HtmlTableRow row;
            HtmlTableCell cell;
            DropDownList9.SelectedIndex = 1;
            DropDownList9.DataBind();
            ListBox6.DataBind();
            ListBox7.DataBind();
            for (int i = 0; i <ListBox6.Items.Count; i++)
            {
                // Create a new row and set its background color.
                row = new HtmlTableRow();
                row.BgColor = (i % 2 == 0 ? "lightyellow" : "lightcyan");
 
               for (int j = 0; j < ListBox6.Items.Count; j++)
                {
                    CheckBox box = new CheckBox();
                    box.ID = "TextBoxRow_" + i ;
                    box.Text = ListBox7.Items[i].ToString() + ListBox6.Items[i].ToString();
 
 
                    Image img = new Image();
                    img.ImageUrl = "~/images/img01.gif";
                    img.ID = "Image" + i ;
                    img.Width = 100;
                    img.Height = 110;
 
                    Literal lt = new Literal();
                    lt.Text = "<br/>";
                    lt.ID = "lit" + i ;
 
 
                    // Create a cell and set its Content.
                    cell = new HtmlTableCell();
                    cell.Align = "center";
 
 
 
 
                    cell.Controls.Add(img);
                    cell.Controls.Add(lt);
                    cell.Controls.Add(box);
 
                    //  Add the cell to the current row.
                    row.Cells.Add(cell);
 
 
                }
 
                // Add the row to the table.
                table1.Rows.Add(row);
            }
 
            // Add the table to the page.
            Panel17.Controls.Add(table1);
 
 
 
 
 
        }

[Frinavale]

Why don't you use the CheckBoxList control?

That way you could set the list's DataSource property, indicate the column that contains the Text for the CheckBox, and bind to the data.


-Frinny

[lightwalker19]

i've managed to get things done... but i encounter another 2 problems :(

the first is that my row is not dynamic... cause it has a static value 5.

the second problem is that my solution is also static :(
i stopped the for in 4, 9 and 14. but imagine that there is 30 students in a class... it wont fit because of these problems... help? :)

code above.

protected void Panel17_Init(object sender, EventArgs e)
        {
 
 
            // Create a new HtmlTable object.
            HtmlTable table1 = new HtmlTable();
 
            // Set the table's formatting-related properties.
            table1.Border = 1;
            table1.CellPadding = 6;
            table1.CellSpacing = 3;
            table1.BorderColor = "red";
            table1.Width = "50";
 
 
 
            // Start adding content to the table.
            HtmlTableRow row;
            HtmlTableCell cell;
            DropDownList9.SelectedIndex = 1;
            DropDownList9.DataBind();
            ListBox6.DataBind();
            ListBox7.DataBind();
            int a = 0;
            for (int  i = 0; i <5; i++)
            {
                // Create a new row and set its background color.
                row = new HtmlTableRow();
                row.BgColor = (i % 2 == 0 ? "lightyellow" : "lightcyan");
 
 
 
                for (int j = a; j < ListBox6.Items.Count;j++ )
                    {
                        a = a+1;
                        CheckBox box = new CheckBox();
                        box.ID = "TextBoxRow_" + i;
                        box.Text = ListBox7.Items[j].ToString() + ListBox6.Items[j].ToString();
 
 
                        Image img = new Image();
                        img.ImageUrl = "~/images/img01.gif";
                        img.ID = "Image" + i;
                        img.Width = 100;
                        img.Height = 110;
 
                        Literal lt = new Literal();
                        lt.Text = "<br/>";
                        lt.ID = "lit" + i;
 
 
                        // Create a cell and set its Content.
                        cell = new HtmlTableCell();
                        cell.Align = "center";
 
 
 
 
                        cell.Controls.Add(img);
                        cell.Controls.Add(lt);
                        cell.Controls.Add(box);
 
                        //  Add the cell to the current row.
 
                            row.Cells.Add(cell);
                            if (j == 4)
                            {
                                j=  ListBox6.Items.Count;
                            }
                            if (j == 9)
                            {
                                j = ListBox6.Items.Count;
                            }
                            if (j == 14)
                            {
                                j = ListBox6.Items.Count;
                            }
 
                }
 
                // Add the row to the table.
                table1.Rows.Add(row);
            }
 
            // Add the table to the page.
            Panel17.Controls.Add(table1);
 
 
        }

[Frinavale]

I still think you would be better off using an ASP.NET control.
Even if you used a Repeater...it would dynamically generate the table for you, lets you bind to things, and lets you handle events.

For example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="itemsListing" runat="server">
            <HeaderTemplate>
                <div style="border: 1px solid #C00000; width: 120px;">
            </HeaderTemplate>
            <ItemTemplate>
                <div style="border: 1px solid #C00000; text-align: center; float: left; width: 55px; margin:1px;
                    overflow: hidden;">
                    <asp:Image ID="itemImage" runat="server" ImageUrl='<%# Eval("imagePath") %>' Style="height: 50px;
                        width: 50px;" />
                    <br />
                    <asp:CheckBox ID="itemSelected" runat="server" Checked='<%# Eval("isSelected") %>'
                        Text='<%#Eval("name") %>' />
                </div>
            </ItemTemplate>
            <FooterTemplate>
                <div style="clear: both;height:0px;" />&nbsp;</div>
            </FooterTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
</html>

Where my C# code-behind is:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
public partial class _Default : System.Web.UI.Page
{
    System.Data.DataTable tableSource;
 
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Session["tableSource"] != null)
        {
            tableSource = (System.Data.DataTable)Session["tableSource"];
        }
        else
        {
            tableSource = new System.Data.DataTable();
            tableSource.Columns.Add(new System.Data.DataColumn("imagePath",typeof(string)));
            tableSource.Columns.Add(new System.Data.DataColumn("name", typeof(string)));
            tableSource.Columns.Add(new System.Data.DataColumn("isSelected", typeof(Boolean)));
 
            string[] imageNames = { "Chrysanthemum.jpg", "Desert.jpg", "Hydrangeas.jpg", "Penguins.jpg", "Tulips.jpg" };
            foreach (string imgName in imageNames)
            {
                System.Data.DataRow imageRow = tableSource.NewRow();
                imageRow["imagePath"] = String.Format("{0}{1}", "Images/", imgName);
                imageRow["name"] = imgName;
                imageRow["isSelected"] = true;
                tableSource.Rows.Add(imageRow);
            }
        }
 
        itemsListing.DataSource = tableSource;
        itemsListing.DataBind();
    }
}
 

In this example I manipulate how many items are shown on a line by modifying the width of the containing <div> which is defined in the header template for the repeater. I know how big each element is (55px) and so I set the width of the containing <div> to 55*3 for 3/row, 55*4 for 4/row....

-Frinny

[lightwalker19]

i have a problem with that too.. my goal is to retrieve the user by Profile.UserName and Profile.PicturePath.. and when checkbox is selected, add row item to listbox... so i dont know how to do it in a gridview or repeater... :S

[Frinavale]

Is your user a custom class that you created?
Is it a Principal/identity object?
Is it located in the HttpContext.Current.User property?
In session??

You can handle each CheckBox's CheckChanged Event in your repeater.

Implement a method that handles the event in your server code. Then specify that the CheckBox should call that event on it's CheckChanged event in the repeater's template (make sure to set the CheckBox's autopostback=true so that the server-side code is executed during this event).

In that server-side method that handles the event you can retrieve the CheckBox whose check has changed by casting the sender parameter into a CheckBox.

From there you can retrieve it's checked value.

If it's checked, do what you need to do to add the item to your Principal, Identity, or ListBox (if your ListBox is bound to a list of things in the user/principal/identity, then all you have to do is add it to the user and refresh the binding on your list box).

-Frinny

[lightwalker19]

Thank you very much!!! :DD I made it :D a 1.000.000 thank you ;)