首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

小弟我是用Repeater来做更新、编辑、删除的,小弟我要怎么来隐藏掉编辑区

2012-04-21 
我是用Repeater来做更新、编辑、删除的,我要如何来隐藏掉编辑区我在做增删改查,想用Repeater来做。现在数据显

我是用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吧
<!-- 编辑区 -->


<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=“”

热点排行