asp.net动态删除表格的行

问题描述

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);        }    }}

解决方案

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

解决方案二:

 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);        }    }        }

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

解决方案四:

解决方案五:
然后我进行修改,添加一个服务器端的控件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清空,再点击按钮,那么表格就会还原。。新人菜鸟真是十万个不懂,帮帮忙

解决方案六:
可以用Session传递参数
session[""rowid""]=Text1.Value

Page_Load时:

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

        table1.Rows.Remove(p);    }

这样可以删除一行.

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

解决方案七:
asp.net利用json填充下拉框及js动态添加表格行、删除表格行的示例
asp.net动态创建表格
在ASP.Net中创建动态表格

时间: 2024-10-02 17:25:43

asp.net动态删除表格的行的相关文章

基于JavaScript实现动态添加删除表格的行_javascript技巧

又一个动态控制表格的效果,用JavaScript动态生成表格行.表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能. 1.jsp <table id="viewTabs"> <thead> <tr> <th>产品名称</th> <th>编号</th> <th>数量</th> <th>重量</th> <t

ITOO---MVC3.0动态添加表格的行数并Controller中获取添加数据

MVC3.0动态添加表格的行数并Controller中获取添加数据            最近由于项目的中的相关需求,需要在MVC的视图中动态的添加添加数据的行数,并将前台输入的多行数据在Controller中获得传回服务端.本文将介绍如何从MVC的View端动态添加数据行数并将输入的数据在Controller中获得.            问题分析          一.设计前台显示页面(View).            视图中样式 @*添加上课班信息窗口*@ <div id="Add

请教:如何用asp.net动态生成表格

问题描述 asp.net动态生成表格,表格某列有不一样的控件,或Textbox,或Dropdownlist,现在生成后,如何在控件里输入值,然后插入到数据库中,同时因为表格行列不固定,数据库怎么设计 解决方案 解决方案二:行列不固定,可以用稀疏矩阵的方法表示.解决方案三:该回复于2012-03-21 09:02:34被版主删除解决方案四:该回复于2012-03-21 09:02:35被版主删除解决方案五:像LZ这样需要动态生成的效果的话建议还是直接在后台拼接html代码比较方法,如果需要text

后台-asp.net动态拼表格并带服务器控件

问题描述 asp.net动态拼表格并带服务器控件 我想从后台拼一个表格,并且表格中带服务器控件button,并添加button点击事件,输出到前台 解决方案 不要这么做,你应该new出你的服务器控件,然后用Controls.Add添加 参考http://www.cnblogs.com/jian1982/archive/2010/08/04/1791861.htmlhttp://old.xiaoyaolife.com/Article/151333.html, 解决方案二: 可以将你的table写成

dom 动态删除表格行

Domdelete行,这个以前有写过但是这次专门来讲讲它delete表格行吧,deleteRow哦.下面我们来看看实例吧. <html> <head> <script type="text/javascript"> function deleteRow(r)   {   var i=r.parentNode.parentNode.rowIndex   document.getElementById('myTable').deleteRow(i)  

javascript动态添加表格数据行(ASP后台数据库保存例子)_javascript技巧

在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方.比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种不是以单独页面的形式添加,这种动态添加是在同一个页面下动态添加,最后再一起提交到服务器保存到数据库中. 本文,我将以一个类似的例子来做一个前台用Javascript动态添加数据项,后台保存到数据库的例子. 浏览器:IE.6.0 后台:ASP (VBScript ) 前台:HTML + JavaScript HTML代码: 复

js 动态删除表格列

楼盘对比: 绿色家园 众旺苑 中信泰富朱家角新城 翠苑新虹桥雅苑 楼盘比较 效果图: 户型图: 区域: 地区: 目前价: 销售情况: 装修程度: 开盘时间: 交房时间: 物业类型: 主推户型: 建筑结构: 建筑类型: 交通路线: 周边配套: 开发商: 售楼热线: 删除此列 绿色家园 开福区 西溪锦园位于余杭区西溪大湿地核心区位,文二路直达小区,东靠荆常大道 起价6888元/ 均价7200元/ XXX 毛坯 2010-02-12 2010-02-12 绿色家园 绿色家园 绿色家园 绿色家园 绿色家

js动态创建、删除表格示例代码_javascript技巧

生成一个2000*5的表格,每个单元格的内容是行号+逗号+列号 方法一:使用createElement生成表格,使用insertRow和insertCell方法生成行列,单元格的内容使用innerHTML属性进行填充. 方法二:使用createElement生成表格,使用CreateElement方法生成行列,单元格的内容使用了createTextNode方法填充. 方法三:拼接表格innerHTML属性的字符串,使用字符串 += 操作符链接字符串 方法四:拼接表格innerHTML属性的字符串

js tr.parentNode.removeChild(tr);删除表格行

removechild() 方法可从子节点列表中删除某个节点. 如删除成功,此方法可返回被删除的节点,如失败,则返回 null. 语法: nodeobject.removechild(node) tr.parentnode.removechild(tr); 看个完整实例 <meta http-equiv="content-type" content="text/html; charset=gb2312"> <title>动态删除表格</