在asp.Net中如何手动增加一行表格呢?

在asp.Net中如何手动增加一行表格呢?,第1张

手动增加一行表格可以用js做的!

例如使用:jQuery做:

好了上代码

<!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>

<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<title>Untitled Page</title>

<script type="text/javascript">

$(document).ready(function() {

$("#inputNode").click(addrows)

})

function addrows() {

var trnode = $("<tr><td>自动增加</td></tr>")

trnode.appendTo($("#tabNode"))

}

</script>

</head>

<body>

<table id="tabNode" border="1" style=" border:red solid 1px">

<tr>

<td>自动增加</td>

</tr>

</table>

<input type="button" id="inputNode" value="点击创建"/>

</body>

</html>

<script language="javascript" type="text/javascript">

function s()

{

var tb = document.getElementById("tb")

var rows = document.getElementsByTagName("tr")

var index = rows.length

var tr = tb.insertRow(index)

var td = tr.insertCell(0)

td.innerHTML = "<input type='text'onclick='s()' /><input type='text'onclick='s()' />"

}

</script>

<div>

<table id="tb">

<tr>

<td onclick="s()"><input type="text"/><input type="text"/></td>

</tr>

</table>

</div>

我是用js实现的,记得给分啊

1、后台代码

public string GetString() //自定义方法,供前台调用

{

StringBuilder strBuilder = new StringBuilder() //用StringBuilder接受所有拼接的字符串,因为StringBuilder效率比拼接字符串效率高,当然以下代码还需要你自己去完善,需要完整代码的话,继续追问

strBuilder.AppendLine("<table>")

//接下来取出数据

foreach(dataRow row in datas) //遍历取出数据放到tr中

{

strBuilder.AppendLine("<tr><td>i</td><td>d["date"]</td><td>d["goodsCompany"]</td>.....</tr>.")

i++

}

strBuilder.AppendLine("</table>")

return strBuilder.ToString()//得到strBuilder返给GetString()这个自定义方法

}

2、前台调用

找一块区域,调用GetString()

<%=GetString()%>//这样就得到了,哈哈,完毕,下面介绍其他的两种方法

3、如果需要异步调用的话,就需要ajax配合json技术了

4、想偷懒也不注重效率的话,就用数据绑定控件吧,比如Reapter

ps:有不懂的继续追问


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11932773.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存