我是用Repeater来做更新、编辑、删除的,我要如何来隐藏掉编辑区
我在做增删改查,想用Repeater来做。
现在数据显示在Repeater控件上,我来编辑,问题是刚开始编辑行不要显示出来,我要如何让行隐藏。
代码如下:
<%@ 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">
<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>
<a onclick="editdisplay(this)" href="#">编辑</a>
function editdisplay(obj) {
alert($(obj).parent());
$(obj).parent().parent().next().css("display", "block");
}
[解决办法]
display:none
需要的时候在设置display=“”