关于ASP.NET gridView行操作的问题

[成为一个出场自带BGM的男人]

各位问大家个问题呗 如上图 我想点击+按钮 自动显示一条同上的消息 可供用户操作 点击X按钮的时候这一行数据自动删除 现在想不到思路了 我用的是gridView 我想的是先隐藏其他行的数据只显示一条数据，点击+显示一条，点击X在隐藏掉
现在的问题是，加载页面时候的隐藏实现了在绑定数据的时候隐藏，我想的是如果点击按钮显示就要在前台用JS写但是没思路 不会
坐等大神指导

[IT-Style]

javascript:
document.getElementById("id").style.display="none";
document.getElementById("id").style.display="block";
jquery:
$("#id").hide();
$("#id").show();

[孟子E章]

不用隐藏，直接读取上面行的信息就可以了啊

[jakecheng]

图片看不到，怎么给你解答啊

[yzf86211861]

图片看不到

[yyl8781697]

document.getelementbyid("xx").style.display="block"
或者你用jquery $("xxx").show();
当然你要给你的相应的行列定义好 对应的id或者class
，因为看不到图，所以。。。。

[myhope88]

设置对应的display就行了吧

[YnSky]

document.getelementbyid("youname").style.display="block" //显示
document.getelementbyid("youname").style.display="none" //隐藏

[zhangdaowu5]

直接后台拼接html代码，然后ajax取值，表格非常的灵活想怎么拼就怎么拼。

[LiuLin603332905]

贴代码吧。

[ilooknow]

我也想实现，同样关注！

[成为一个出场自带BGM的男人]

<div class="cub">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="cubtopl">
</td>
<td class="cubtopm">
</td>
<td class="cubtopr">
</td>
</tr>
<tr>
<td class="cubmainl">
</td>
<td>
<div>
<asp:GridView ID="gvHistory" runat="server" AllowPaging="false" AutoGenerateColumns="False"
Width="700px" OnRowDataBound="gvHistory_RowDataBound">
<Columns>
<asp:BoundField DataField="vcid" HeaderText="" Visible="false">
<HeaderStyle CssClass="gvHeader" Width="100px" />
<ItemStyle CssClass="gvItem" Width="100px" />
</asp:BoundField>
<asp:TemplateField HeaderText="NG数量" ShowHeader="false">
<ItemTemplate>
<asp:TextBox ID="vcNgNumber" runat="server" Width="180px"></asp:TextBox>
</ItemTemplate>
<HeaderStyle CssClass="gvHeader" Width="80px" />
<ItemStyle CssClass="gvItem" Width="80px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="NG原因" ShowHeader="false">
<ItemTemplate>
<asp:DropDownList ID="vcNgReasonId" runat="server" Width="180px">
</asp:DropDownList>
</ItemTemplate>
<HeaderStyle CssClass="gvHeader" Width="80px" />
<ItemStyle CssClass="gvItem" Width="80px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="责任部署" ShowHeader="false">
<ItemTemplate>
<asp:DropDownList ID="vcNgResDeployId" runat="server" Width="180px">
</asp:DropDownList>
</ItemTemplate>
<HeaderStyle CssClass="gvHeader" Width="80px" />
<ItemStyle CssClass="gvItem" Width="80px" />
</asp:TemplateField>
<asp:TemplateField ShowHeader="False" HeaderText="">
<ItemTemplate>
<asp:ImageButton ID="btnImX" runat="server" ImageUrl="~/Images/Add04.jpg" />
<%-- <asp:Button ID="Button1" runat="server" Text="+" />
<asp:Button ID="Button2" runat="server" Text="X" />--%>
</ItemTemplate>
<HeaderStyle CssClass="gvHeader" Width="70px" />
<ItemStyle CssClass="gvItem" Width="70px" HorizontalAlign="Center" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</td>
<td class="cubmainr">
</td>
</tr>
<tr>
<td class="cubfootl">
</td>
<td class="cubfootm">
</td>
<td class="cubfootr">
</td>
</tr>
</table>
<table>
<asp:ImageButton ID="btnImX" runat="server" ImageUrl="~/Images/ADD.jpg" OnClick="btnImX_Click" />
</table>
</div>
问题的代码，gridView的数据要一行一行的显示点btnImx显示一条

[紫魂一号]

gridview 应该绑定的是dataset。。dataset有新增和删除行的方法。。你可以去试一下

[紫魂一号]

前台js 可以通过事件源来获取点击的行，并对其进行操作。。代码自己去搜哈。。我只告诉你思路

[肆意年华]

ItemCommand 获取事件源 用 js 控制隐藏显示..