Jquery实现三层遍历删除功能代码
更新时间:2013年04月23日 17:29:09 作者:
遍历每一行的同时一定要记住这里是gridviewrow不是datarow,找到这个选中项在执行删除
aspx页:
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Checkbox1').click(function () {
if ($('#Checkbox1').is(':checked')) {
$('td input').attr('checked', true);
}
else { $('td input').attr('checked', false); }
})
$('#Checkbox2').click(function () {
$('td input').each(function () {
$(this).attr('checked', !$(this).attr('checked'))
})
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Checkbox1" type="checkbox" />全选<input id="Checkbox2" type="checkbox" />反选<asp:Button
ID="Button1" runat="server" Text="删除" onclick="Button1_Click" />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="CheckBox3" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Id" HeaderText="编号" />
<asp:BoundField DataField="NewsTitle" HeaderText="标题" />
<asp:BoundField DataField="NewsContent" HeaderText="新闻内容">
<ItemStyle Width="200px" />
</asp:BoundField>
<asp:BoundField DataField="NewsCreator" HeaderText="创建者" />
<asp:BoundField DataField="CreateTime" HeaderText="创建时间" />
</Columns>
</asp:GridView>
</div>
</form>
后台cs文件:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
load();
}
}
private void load()//就实现绑定
{
Jquery三层实现删除功能.Model.T_News mm = new Model.T_News();
Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News();
string sqlwhere = "Id<25";
ds = bb.GetList(sqlwhere);//获取dataset绑定
this.GridView1.DataSource = ds;
GridView1.DataBind();
}
protected void Button1_Click(object sender, EventArgs e)
{
//遍历每一行
foreach (GridViewRow item in GridView1.Rows)//一定要记住这里是gridviewrow不是datarow
{
CheckBox cb = (CheckBox)item.FindControl("CheckBox3");//找到这个选中项
if (cb.Checked)//选中
{
Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News();
if (bb.DeleteList(item.Cells[1].Text))//调用bb.DeleteList(id)删除
{
Response.Write("删除成功");
}
load();
复制代码 代码如下:
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Checkbox1').click(function () {
if ($('#Checkbox1').is(':checked')) {
$('td input').attr('checked', true);
}
else { $('td input').attr('checked', false); }
})
$('#Checkbox2').click(function () {
$('td input').each(function () {
$(this).attr('checked', !$(this).attr('checked'))
})
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Checkbox1" type="checkbox" />全选<input id="Checkbox2" type="checkbox" />反选<asp:Button
ID="Button1" runat="server" Text="删除" onclick="Button1_Click" />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="CheckBox3" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Id" HeaderText="编号" />
<asp:BoundField DataField="NewsTitle" HeaderText="标题" />
<asp:BoundField DataField="NewsContent" HeaderText="新闻内容">
<ItemStyle Width="200px" />
</asp:BoundField>
<asp:BoundField DataField="NewsCreator" HeaderText="创建者" />
<asp:BoundField DataField="CreateTime" HeaderText="创建时间" />
</Columns>
</asp:GridView>
</div>
</form>
后台cs文件:
复制代码 代码如下:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
load();
}
}
private void load()//就实现绑定
{
Jquery三层实现删除功能.Model.T_News mm = new Model.T_News();
Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News();
string sqlwhere = "Id<25";
ds = bb.GetList(sqlwhere);//获取dataset绑定
this.GridView1.DataSource = ds;
GridView1.DataBind();
}
protected void Button1_Click(object sender, EventArgs e)
{
//遍历每一行
foreach (GridViewRow item in GridView1.Rows)//一定要记住这里是gridviewrow不是datarow
{
CheckBox cb = (CheckBox)item.FindControl("CheckBox3");//找到这个选中项
if (cb.Checked)//选中
{
Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News();
if (bb.DeleteList(item.Cells[1].Text))//调用bb.DeleteList(id)删除
{
Response.Write("删除成功");
}
load();
相关文章
利用jquery给指定的table动态添加一行、删除一行的方法
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10jquery isEmptyObject判断是否为空对象的函数
jQuery 判断一个对象是否为空是使用for name in obj 来遍历对象中的属性名.2011-02-02JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
以前对于JavaScript总是在用到的时候在页面上写几个函数,基本没考虑到函数的封装与重用,最近有个项目可能对于这方面要求有点高,所以就研究了下类似jQuery的封装2012-06-06jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
这篇文章主要介绍了jQuery实现带3D切割效果的轮播图功能,结合实例形式分析了jQuery轮播图相关的界面布局、3D效果实现与事件响应等相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下2019-04-04
最新评论