110,561
社区成员
发帖
与我相关
我的任务
分享
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add("t1");
dt.Columns.Add("t2");
dt.Rows.Add(new object[]{"test1","test2"});
//注意要绑定一个数据源,要不这个gridview无法生成表格的html代码
dvTest.DataSource = dt.DefaultView ;
dvTest.DataBind();
}
</script>
<html>
<head>
<title>GridView测试</title>
<meta http-equiv="http-content" content="text/html;charset=gb2312"/>
<style>
td{font-size:10pt}
a{font-size:10pt}
</style>
</head>
<body>
<form runat="server" id="form1">
<asp:GridView runat="server" ID="dvTest" Width="300px" AutoGenerateColumns="false" ShowHeader="false">
<Columns>
<asp:BoundField DataField="t1" ItemStyle-Width="150px"/>
<asp:BoundField DataField="t2" ItemStyle-Width="150px"/>
</Columns>
</asp:GridView>
<div><input type="button" value="添加行" onclick="AddRow()"/></div>
</form>
<script type="text/javascript">
var dvTest=document.getElementById("<%=dvTest.ClientID %>");//使用服务器端代码获取这个gridview的客户端id
var Flag=1;
function AddRow()
{
if(dvTest)
{
var row=dvTest.insertRow();
row.insertCell(0).appendChild(document.createTextNode("这是js插入的第"+Flag+"-1列"));
row.insertCell(1).appendChild(document.createTextNode("这是js插入的第"+Flag+"-2列"));
Flag++;
}
else alert("找不到这个Html控件!");
}
</script>
</body>
</html>