日期:2014-05-18  浏览次数:20508 次

我是用Repeater来做更新、编辑、删除的,我要如何来隐藏掉编辑区
我在做增删改查,想用Repeater来做。
现在数据显示在Repeater控件上,我来编辑,问题是刚开始编辑行不要显示出来,我要如何让行隐藏。

代码如下:
C# code

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

<!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>
<script type="text/javascript">

</script>
<!-- 样式区域  -->
<style type="text/css">
*{font-size:14px; font-family:宋体;}
.table_css{width:100%;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="page">
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table cellpadding=0 cellspacing=1  class="table_css">
<thead class="head_css">
<tr><td class="">用户编号</td><td>用户名</td><td>用户密码</td><td align=center>用户操作</td></tr>
</thead>
<tbody class="body_css">
</HeaderTemplate>
<ItemTemplate>
<!--  显示行  -->
<tr id="display" runat="server">
<td><%# Eval("UserId") %></td>
<td><%# Eval("UserName") %></td>
<td><%# Eval("Password") %></td>
<td>
<asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%# Eval("UserId") %>' CommandName="EDIT" Text="编辑"></asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" CommandArgument='<%# Eval("UserId") %>' CommandName="UPDATE" Text="更新"></asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" CommandArgument='<%# Eval("UserId") %>' CommandName="DELETE" Text="删除"></asp:LinkButton>
</td>
</tr>
<!--  编辑区  -->
<tr id="edit" runat="server">
<td>用户编号:<label><asp:TextBox ID="txtUserId" runat="server" Text='<%# Eval("UserId") %>' Width=50></asp:TextBox></label></td>
<td>用户名:<label><asp:TextBox ID="txtUserName" runat="server" Text='<%# Eval("UserName") %>'></asp:TextBox></label></td>
<td>用户密码:<label><asp:TextBox ID="txtUserPwd" runat="server" Text='<%# Eval("Password") %>'></asp:TextBox></label></label></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>




------解决方案--------------------
<!-- 编辑区 -->
加:
<tr id="edit" style="display:none" runat="server">
按编辑再显示。

<FooterTemplate>
</tbody>
</table>
</FooterTemplate>
------解决方案--------------------
用样式控制就行了
------解决方案--------------------
[color=#FF0000][/color]使用JS控制样式,document.GetElementById("Edit").style.display="none";
------解决方案--------------------
楼主的方法不知道行不行,因为repeater是服务器端控件,tr是客户端的,而且你的还得刷新页面
用jquery吧
<!-- 编辑区 -->