Click here to Skip to main content
15,938,218 members
Please Sign up or sign in to vote.
3.67/5 (3 votes)
See more:
i have two arrays named arrRoll[] and arrNames[]
say arrRoll={8001,8002} and arrNames={"AAAA","BBBB"}
which contain rollnumber and name of students in a school
now i want to generate folowing table in
inside of a div tag
<div id="tblCont">
    <table id="tbl1">
            <td><input type="checkbox" name="cbRoll" value="8001" id="cbRoll8001" /></td>
            <td><input type="checkbox" name="cbRoll" value="8002" id="cbRoll8002"/></td>

on my aspx page i have
<div id="tblCont" runat="server">

now how do i insert the above table inside of this div tag programatically?
setting the value and id of the checkbox from the arrRoll and the innerText of table cell from arrNames
tihcra 31-May-11 0:49am    
my main problem is how to insert table inside of a div programatically when it wasnt there in the original aspx page?
the second question is how to set the value,name, id attributes of checkbox?
Sergey Alexandrovich Kryukov 31-May-11 1:17am    
I cannot understand this "how"? Just generate this HTML code and insert values. Use string format to do it... What's the problem?
tihcra 31-May-11 1:25am    
u mean i have to generate this tables' html in a string and set it inside div by setting is innerHtml property? is this the only way? is there no other way to create tables in
Sergey Alexandrovich Kryukov 31-May-11 18:33pm    
Yes, in this case. Simplest way, in my opinion, good performance, too. Did you get the other ways in the other answers?
tihcra 31-May-11 23:10pm    
ya the easiest way is to use HtmlTable control

now suppose i want to execute a js function whenever user changes the checkbox (either ticks or unticks it)
where should i add this function in page or the codebehind
Share this answer
Kiran Sonawane 31-May-11 1:40am    
U can use jquery for instance $("input:checkbox").click(function(){ alert(this.val();})
saxenaabhi6 31-May-11 1:45am    
You can add event handler dynamically... See my updated answer above.
saxenaabhi6 31-May-11 1:51am    
argg! my bad...
you asked for js function... add an 'onclick' attribute on server side if you want
though you can also add any server side event...
tihcra 31-May-11 1:55am    
how do i add onclick attribute on server side. i want to do this only but dont know how
tihcra 31-May-11 1:49am    
where will i add this jquery statement on my aspx page?
You can add placeholder in div tag and then add table in placeholder. Check if the div/placeholder exist or not

private void CreateDynamicTable()
        int tblRows = arrNames.Length;
        int tblCols = 2;
        Table tbl = new Table();
        for (int i = 0; i < tblRows; i++)
            TableRow tr = new TableRow();
            for (int j = 0; j< tblCols; j++)
                TableCell tc = new TableCell();
                if( j ==0){
           CheckBox chk = new CheckBox(); = "cbroll_" + arrRole[i]
Lable lbl = new Lable();
lbl.text = arrNames[i];
                // Add the TableCell to the TableRow
            // Add the TableRow to the Table
Share this answer
If you want to do it on server side i would suggest you to use -

1) asp:Table control, where you can loop thru your arrays at serverside and insert new tableRow and TableCell elements with whatever controls you want to place in your TableCell

<asp:Table runat="server" ID="asptable">        

for(int i =0; i < ar1.Length; i++)
           TableRow tr = new TableRow();
           TableCell c = new TableCell();
           CheckBox cb = new CheckBox();
           cb.Attributes.Add("onclick", "alert(\"added\")");
           cb.AutoPostBack = true;
           cb.CheckedChanged+=new EventHandler(cb_CheckedChanged);
           cb.ID = "cbRoll" + ar1[i];

           TableCell c2 = new TableCell();
           c2.Text = ar2[i];


   protected void cb_CheckedChanged(object sender, EventArgs e)
       CheckBox cb = (CheckBox)sender;
       // do what ever you want to do...

2) or you can use HtmlTextWriterTag at server side to write your own html ( like write your own table tags and all other child elements in it)

if you doing it on client side

1) you can use jquery or normal java to append html elements in your div tag or table rows in your table etc...
Share this answer
tihcra 31-May-11 1:59am    
the way u have shown does work on the server side, after i have posted the page to the server.
i want to call the js function on client side
the objective if the js function is to limit the number of checkboxes ticked. also i do not want to use any validation controls
i want to do things manually
tihcra 31-May-11 2:01am    
ok i didnt see this cb.Attributes.Add("onclick", "alert(\"added\")");
thanks for this.
tihcra 31-May-11 2:03am    
can i insert a script tag in the aspx page and add js functions to it, which i can add to controls (here checkbox) later by adding attribute onclick to it in the code
saxenaabhi6 31-May-11 2:10am    
yes you can call a function which you have defined in script tag in aspx page. An idea on what you want to do is:
1) add a class say class='restrictCB' on all your checkboxes at server side using same adding attribute stuff.
2) then in your js function which you have added in aspx page - use jquery to iterate each of the element with class 'restrictCB' and count to do your validation.

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

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900