您的位置：首页 > 编程语言 > ASP

Asp.Net AjaxPro 全选反选删除实例

2010-11-10 11:54 375 查看

配置与上篇一样

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Check.aspx.cs" Inherits="Check" %>
<!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>Asp.Net AjaxPro 全选反选删除实例</title>
    <mce:script type="text/javascript"><!--
        function getID(id) {
            return document.getElementById(id);
        }

        //列表
        function listpage() {
            var rep = "";
            var list = Telesa.get_list().value;
            for (var i = 0; i < list.length; i++) {
                rep += list[i].name + " <input name=" + list[i].id + " type='checkbox' value=" + list[i].name + " > <br/> ";
            }
            getID("str").innerHTML = rep;
        }

        // 全选
        function checkall() {
            var all = document.getElementsByTagName("input");
            for (var i = 0; i < all.length; i++) {
                if (all[i].type == "checkbox") {
                    all[i].checked = true;
                }
            }
        }

        //反选
        function checknull() {
            var all = document.getElementsByTagName("input");
            for (var i = 0; i < all.length; i++) {
                if (all[i].type == "checkbox") {
                    all[i].checked = !all[i].checked;
                }
            }
        }

        //删除
        function deleteAll() {
            var all = document.getElementsByTagName("input");
            if (confirm('确定删除?')) {
                for (var i = 0; i < all.length; i++) {
                    if (all[i].checked) {
                        Telesa.deleteall(all[i].name);
                    }
                }
                listpage()
            }
        }

        //添加
        function insert() {
            Telesa.insert();
            listpage()
        }
    
    
// --></mce:script>

</head>
<body onload="listpage()">
    <form id="form1" runat="server">
    <div>
        <span>Asp.Net AjaxPro 全选/反选/删除实例</span><br />
        <div id="str">
        </div>
        <input id="Button1" type="button" value="全选" onclick="checkall()" />
        <input id="Button2" type="button" value="反选" onclick="checknull()" />
        <input id="Button3" type="button" value="删除" onclick="deleteAll()" />
        <input id="Button4" type="button" value="添加10条记录" onclick="insert()" />
    </div>
    </form>
</body>
</html>

后台代码：

using System;
using System.Collections;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using AjaxPro;
//该源码首发自www.51aspx.com(５1ａｓｐｘ．ｃｏｍ)
[AjaxPro.AjaxNamespace("Telesa")]
public partial class Check : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(typeof(Check));
    }

    //列表
    [AjaxMethod]
    public List<Model> get_list()
    {
        string sql = "select * from [Book]";
        DataTable Dt = DbHelper.OleDbHelper.GetDataSet(sql).Tables[0];
        List<Model> list = new List<Model>();
        foreach (DataRow Dr in Dt.Rows)
        {
            Model mode = new Model();
            mode.id = Convert.ToInt32(Dr["id"]);
            mode.name = Dr["name"].ToString();
            list.Add(mode);
        }
        return list;
    }

    //删除
    [AjaxPro.AjaxMethod]
    public void deleteall(string id)
    {
        string sql = "delete from [Book] where id=" + id;
        DbHelper.OleDbHelper.ExecuteCmd(sql);
    }

    //无刷新添加数据
    [AjaxPro.AjaxMethod]
    //由于使用的通用的数据库操作类,循环的时候,循环几次就打开几次数据库连接,性能很差,实际项目开发应用时,建议重新写数据操作类
    //只打开一次数据库连接,循环执行完毕后再关闭连接
    public void insert()
    {
        for (int i = 0; i < 10; i++)
        {
            string sql = "insert into [Book](name) values('达达是帅哥" + i.ToString() + "')";
            DbHelper.OleDbHelper.ExecuteCmd(sql);
        }
    }
}
public class Model
{
    private int _id;
    private string _name;

    public int id
    {
        get { return _id; }
        set { _id = value; }
    }

    public string name
    {
        get { return _name; }
        set { _name = value; }
    }
}

运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航