html table标签和数据库交互
在table 中添加一个删除内容,如何返回一个点击确定后删除数据库中的一条记录。
网页显示如下:
网页前台如下:
HTML 数据库 asp.net --------------------编程问答-------------------- 在前台用Jquery获取到相应的数据之后,通过ajax请求后台方法,删除这条记录。 --------------------编程问答--------------------
嗯,而且需要重新调整底纹颜色。 --------------------编程问答-------------------- 没怎用过jquery ,我怎么才能获取id传递到后台呢? --------------------编程问答-------------------- 除 --------------------编程问答--------------------
$(document).ready(function () {
$('#<%= gvEmp.ClientID %>').find('tr td #btnDelete').click(function () {
if (confirm('确定删除?')) {
var tr = $(this).parent().parent();
var strID = tr.find('td:eq(1)').text();
//ajax调用
var tb = tr.parent();
tr.remove();
tb.find('tr:gt(0):even').css('background-color', 'red');
tb.find('tr:gt(0):odd').css('background-color', 'green');
}
});
});
html服务器控件没用过,我用GridView模拟了一下,上面那段代码的作用仅仅是删除页面上所显示的数据,并没有真正操作数据库,网上有很多通过ajax调用后台代码的,楼主自己找下吧。
为了让楼看的更清楚点,下面是aspx页面代码
<asp:GridView runat="server" ID="gvEmp" DataSourceID="sdsEmp" AutoGenerateColumns="false" HeaderStyle-CssClass="head">
<HeaderStyle BackColor="black" ForeColor="white" Font-Bold="true" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<input type="button" id="btnDelete" value="Delete" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="EmployeeID" HeaderText="ID" ItemStyle-Width="50px" ItemStyle-CssClass="col" ReadOnly="true" >
<ItemStyle Width="15px" />
</asp:BoundField>
<asp:BoundField DataField="FirstName" HeaderText="First Name" ItemStyle-CssClass="col" />
<asp:BoundField DataField="LastName" HeaderText="Last Name" ItemStyle-CssClass="col" />
<asp:BoundField DataField="TitleOfCourtesy" HeaderText="Title" ItemStyle-CssClass="col" />
<asp:BoundField DataField="City" HeaderText="City" ItemStyle-CssClass="col" />
</Columns>
</asp:GridView>
--------------------编程问答-------------------- 我觉得删除行和修改样式的代码最好是放在ajax回调函数中,上面我为了省事放在click事件函数中了
补充:.NET技术 , ASP.NET