asp.net动态删除表格的行

当点击表格的某行时,将该行ID赋值给Text.value。_Page_Load里添加代码使得刷新页面时该行被删除
大神们帮帮我,是在是找不出错误来了。
就是没有办法实现删除行的功能。后天获取Text1.Value是什么都没有,为什么会这样呢_
前台代码:

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %>

<!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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">

    <p>
        <input id="Text1" runat="server" type="text" onclick="return Text1_onclick()" /></p>

    <table id="table1" runat="server" width="100%" border="1">
        <tr id="row1" runat="server" onclick="Text1.value=(this.id)">
            <td>第一行</td>
        </tr>
        <tr id="row2" runat="server" onclick="Text1.value=(this.id)">
            <td>第二行</td>
        </tr>

    </table>
   </form>
</body>
</html>

.CS的代码

 using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;

public partial class Default10 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

        Response.Write(Text1.Value +"aaaaaaaa");
        var p = (HtmlTableRow)this.FindControl(Text1.Value);

        if(Text1.Value != null)
        {

            table1.Rows.Remove(p);

        }
    }
}
0

6个回答

如果用griedview绑定数据源实现数据的增删改查,这样会有实际意义,你这样相当于删除XML文档的某一部分,实际意义并不大,
网上查一下表格的增删改查会有许多代码供你参考http://blog.csdn.net/wanglei_samrtfish/article/details/8070480
这是我随便查的你看看合不合适

0

删除功能一般需要结合数据库,直接html页面的dom结构数据你需要用cookie之类的记录已经被删除的行信息,然后Page_Load读取cookie对行进行删除,要不刷新或者重新访问viewstate数据丢失肯定是原始的状态

2
 protected void Page_Load(object sender, EventArgs e)
    {
if (postback)
{
        Response.Write(Text1.Value +"aaaaaaaa");
        var p = (HtmlTableRow)this.FindControl(Text1.Value);

        if(Text1.Value != null)
        {

            table1.Rows.Remove(p);

        }
    }
        }
1

图片说明

0

然后我进行修改,添加一个服务器端的控件button。将上面PageLoad的代码剪切到按钮的click事件中。

 using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;

public partial class Default10 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button2_Click(object sender, EventArgs e)
    {

        Response.Write(Text1.Value + "aaaaaaaa");
        var p = (HtmlTableRow)this.FindControl(Text1.Value);

        if (Text1.Value != null)
        {

            table1.Rows.Remove(p);

        }

    }
}

然后就可以点击按钮删除了,但是只能删除一次。后面就会交换行一和行二显示。如果我把text清空,再点击按钮,那么表格就会还原。。新人菜鸟真是十万个不懂,帮帮忙

0

可以用Session传递参数
session["rowid"]=Text1.Value

Page_Load时:

if(session["rowid"] != null)
{
var p = (HtmlTableRow)this.FindControl(session["rowid"].Tostring());

        table1.Rows.Remove(p);

    }

这样可以删除一行.

如果要实现动态删除表格的行,你前台代码中的表最好用数据源动态生成.你只要对数据源操作就可以了

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
动态删除表格行、列、双击编辑.rar
动态删除表格行、列、双击编辑.rar动态删除表格行、列、双击编辑.rar动态删除表格行、列、双击编辑.rar动态删除表格行、列、双击编辑.rar
动态添加,删除 gridview 行
可以手动添加行,删除新增行点击保存批量保存数据
js实现动态增加和删除表格的行和列。实例
js实现动态增加和删除表格的行和列。实例 js实现动态增加和删除表格的行和列。实例
利用javascript动态添加表格行以及删除表格行
首先先简单创建一个只有一行表格还有一个新增按钮、一个删除按钮。 如图: 对应的html代码: &amp;lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;tit...
JavaScript动态添加/删除表格行
使用原生JavaScript来解决简单的table行动态增删问题
js 操作表格动态添加和删除行
js 操作表格动态添加和删除行
jQuery实现表格行的动态增加与删除(改进版)
jQuery实现表格行的动态增加与删除(改进版)
HTML动态增加和删除表格的行
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Insert title here&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;script type=&
使用jQuery创建可删除添加行的动态表格,超级简单实用的方法
使用jQuery动态的添加和删除表格里面的行,不多说了直接上代码。&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&a
关于用jquery 动态增加、删除表格的行,列操作。
jquery 动态增加、删除表格的行,列操作。
jQuery 动态添加或删除表格行
jQuery 动态添加或删除表格行特效,每点击一次添加,会添加一个表格单元格,点击删除会删掉所有行,基于jQuery插件完成,想研究的朋友下载一看。
jquery实现table动态添加行、删除行以及行的上移和下移
jQuery实现table动态添加行、删除行以及行的上移和下移
repeater动态创建一行或者删除一行
选择                                                                 序号                                                                 出勤人员
js实现动态删除表格行和列
记录了动态添加表格的一行,当然这个一行是指一行数据,也就是说一行多少列也是加上的,并且第几列的内容都可以添加上,先来回顾下它的实现的关键点: 1、var row=table.insertRow();添加一行; 2、var cell1=row.insertCell();添加一个单元格;(如果在后面继续写var cell2=row.insertCell()的话,就是添加第二列;) 3
HTML动态增加和删除表格的行和列
起始状态 增加行 增加列 删除行 删除列 function addrow(){   var c=document.getElementById('mytable');//获得表格的信息   if( c.rows.length==0){//如果是向一个空表增加一行  var x=c.insertRow(0);//
juery 表格动态添加删除行内容
方法一:  this item item item item 删除
javascript实现动态添加删除表格行
NULL 博文链接:https://1148130696.iteye.com/blog/1726191
jq 动态增加、删除表tr行
利用jquery给指定的table添加一行、删除一行 ////////添加一行、删除一行封装方法/////// /** * 为table指定行添加一行 * * tab 表id * row 行数,如:0->第一行 1->第二行 -2->倒数第二行 -1->最后一行 * trHtml 添加行的html代码 * */
jQuery给表格动态添加或删除行列
点击按钮,动态添加、删除表格特定样式的行列 点击“+”则添加行,点击“-”则删除行(针对多行) 实现效果图 实现 $.addTrTd = function(i){ var rowPost ='&amp;amp;amp;amp;lt;tr&amp;amp;amp;amp;gt;'+ '&amp;amp;amp;amp;lt;td class=&amp;amp;amp;quot;w25-10&amp;amp;amp;quot; colspan=&amp;amp;
table 中 动态添加,删除行;或根据选中的checkbox删除行。
.dongtaitable tr:nth-child(odd){background:#F4F4F4;} .dongtaitable td:nth-child(even){color:#C00;} function addRow() { var table = document.getElementById("qingkuang_table"); var text1 =
使用$.ajax动态删除表格行
一个表格要遍历一个list集合,使用c:foreach遍历,在需要删除的按钮位置添加点击事件 onclick="del(${remove.g_id})",传入当前删除的行id,调用方法获取,并且使用$.ajax异步传输: function del(id){   var i=id;   var tr=document.getElementById_x(id);   $.ajax({   
编辑 Ext 表格(一)——— 动态添加删除行列
一、动态增删行 在 ext 表格中,动态添加行主要和表格绑定的 store 有关, 通过对 store 数据集进行添加或删除,就能实现表格行的动态添加删除。   (1) 动态添加表格的行  gridStore.add({});   (2) 动态删除表格的行  gridStore.removeAt(gridStore.count() - 1);   二、动态增删列 在 ext
JQuery实现行的处理
JQuery实现行的处理,动态操作表格,进行行的添加和删除
jquery实现html表格动态添加删除行,可全选反选部分选执行删除行(用c标签模拟获取数据)
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;!--&amp;lt;link href=&quot;http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quo
Vue+element 实现表格的增加行、根据索引删除行的功能
功能需求:1、实现一个表格,可以增加行 ,可以修改每一行的数据;                   2、获取选中的行的数据,获取选中行的索引;                   3、根据获取的行的索引删除相应的一行的数据。 tableData的数据是写死的,具体开发可以从后台获取。 具体的代码实现如下: &amp;lt;template&amp;gt; &amp;lt;div class=&quot;tab...
js动态删除表格,动态删第几行到第几行
动态删除表格中的行数,指定那些能删哪些不能删,把查询到的语句遍历出来
表格添加删除行,依赖于jquery
NULL 博文链接:https://jaykuen.iteye.com/blog/1008189
JQurey在表格中动态增加、删除指定行
最近在做项目的时候需用JQuery动态的增加或者删除指定的行,废话不多说,直接看下图, 1.原始的界面 2.增加指定行后的界面 3.删除指定行后的界面 要实现的功能比较简单,还是希望对新手们有帮助吧,代码如下: &amp;lt;script src=&quot;js/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script type=&quot;application/...
jquery 中table动态添加行和删除列操作
1.简单的table使用定义&amp;lt;table class=&quot;table table-bordered table-hover&quot; style=&quot;text-align: center;&quot; id=&quot;Result&quot;&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr&amp;gt; &amp;lt;
js 动态操作table 表格 在指定行后添加行 删除行
//根据ID删除table行 var tr_id = $("#addTable>tbody>tr:last").attr("id"); if(tr_id == '123'){ $('#'+tr_id).remove(); //删除ID=123的行 } //在指定ID行下面添加行 var tr = 'add4add4add4add4addaddaddadd'; var zhid
动态删除表格行
那位高手可以帮我!rn如何在页面中动态的删除任意指定的某一行?我在页面上动态增加了表格行,可是无法实rn现动态的删除某一行。我无法将某一行作为参数传给删除函数。那位高手可以赐教?rnrn急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急rn急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!rn
jQuery动态增加表格一行和删除一行
jQuery动态增加表格一行和删除一行
动态添加/删除表格行并提交内容到后台
动态添加/删除表格行并实现前后台的互动,用最基础的c#和js知识实现,可以作为新手参考。
利用jquery动态添加和删除表格的一行,并且保存单行数据
开发时遇到一个需求:要求要在页面的表格可以添加和删除一行,并能填写对应的数据后保存这一行数据。 HTML代码 界面使用了freemarker框架,teams是后台传过来的list类型数据 &amp;amp;amp;amp;lt;form action=&amp;amp;amp;quot;&amp;amp;amp;quot; id=&amp;amp;amp;quot;&amp;amp;amp;quot; method=&amp;amp;amp;quot;post&amp;amp;amp;quot;&am
点表格某行,js动态添加CSS样式,样式增加与删除
1、点击表格table的tr时,添加背景颜色,以及在最后一列的后面添加向右图标“&amp;gt;”// 点击table某行 添加css样式 $(&quot;#table1 tbody tr&quot;).click(function(){ $(this).addClass(&quot;backcolor&quot;).siblings(&quot;tr&quot;).removeClass(&quot;backcolor&quot;); $(this).children(&quot;th:la...
js 动态增删表格行
js 动态按行增删表格,删除使用复选框选中删除
js 实现 删除表格指定行
js 实现 删除表格指定行! 值得下载看看!资源免费,大家分享!!
jquery动态列表的新增、编辑、删除
NULL 博文链接:https://simplehumn.iteye.com/blog/1434818
jQuery 动态实现表格添加一行,删除一行且第一行不能删除
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;table_add.html&amp;lt;/title&amp;gt; &amp;lt;script type=&quot;text/javascript&quot;
TableLayout,实现动态添加和删除行,并实现统计表格中的数据
TableLayout,实现动态添加和删除行,判断行中的数据是否含有空值,可以手动地输入数据,也可以选择数据添加在表格中,并实现统计表格中的数据。