table ,这个有点html基础的人都知道了,是表格的意思啦,也是布局的一个重要方法,如果是用dw的话,你就会知道他有多重要了!
而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>