而vs推出的table服务器控件最大的特色当推他可以动态是控制表格的行列数,下面还是做个演示:
演示一: 动态添加表格行和列，在特定的格里写特定的字，并在当前单元格里面把坐标写出来
效果如下
| 洪川 | 洪川 | 洪川 | 洪川 | 洪川 |
| 2,1 | 2,2 | 2,3 | 2,4 | 2,5 |
| 3,1 | 3,2 | 3,3 | 3,4 | 3,5 |
<%@ page language="c#" %>
<!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 page_load(object sender, eventargs e)
{
} protected void button1_click(object sender, eventargs e) { int rn = int.parse(rows.selectedvalue);//得到需要增加的行数 int cn = int.parse(cell.selectedvalue);//得到需要增加的列数 for (int i = 1; i <= rn; i++)// {//进入外部循环，也就是循环增加表行 tablerow tr = new tablerow();//申明一个表格行 for (int j = 1; j <= cn; j++) {//进入内部循环，以增加表格列 tablecell tc = new tablecell();//申明一个表格列 if (i == 1) {//如果是第一行，就增加下面的字 tc.controls.add(new literalcontrol("洪川")); } else {//否则 tc.controls.add(new literalcontrol(i.tostring() + "," + j.tostring()));//在表格里增加当前是行，列坐标 } tr.cells.add(tc);//把列增加到行里面去 } table1.rows.add(tr);//把行增加到表里去 }
}</script><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title></head><body> <form id="form1" runat="server"> <div> table ,这个有点html基础的人都知道了,是表格的意思啦,也是布局的一个重要方法,如果是用dw的话,你就会知道他有多重要了!<br /> 而vs推出的table服务器控件最大的特色当推他可以动态是控制表格的行列数,下面还是做个演示:<br /> <br /> <strong> 演示一: 动态添加表格行和列，在特定的格里写特定的字，并在当前单元格里面把坐标写出来</strong><br /> <asp:table id="table1" runat="server" bordercolor="black" borderstyle="dashed" borderwidth="1px" gridlines="both"> </asp:table> <asp:dropdownlist id="rows" runat="server"> <asp:listitem>1</asp:listitem> <asp:listitem>2</asp:listitem> <asp:listitem>3</asp:listitem> <asp:listitem>4</asp:listitem> </asp:dropdownlist> <asp:dropdownlist id="cell" runat="server"> <asp:listitem>1</asp:listitem> <asp:listitem>2</asp:listitem> <asp:listitem>3</asp:listitem> <asp:listitem>4</asp:listitem> <asp:listitem>5</asp:listitem> </asp:dropdownlist> <asp:button id="button1" runat="server" text="给我建个表格来" onclick="button1_click" /><br /> <br /> </div> </form></body></html>文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
