通过AJAX与ASP.NET结合实现的仿GridView增删改查功能！

jQurey代码部分：

创新互联-专业网站定制、快速模板网站建设、高性价比蒲县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式蒲县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖蒲县地区。费用合理售后完善，十载实体公司更值得信赖。

  
        var flag = 0;  
 
        //添加新行 
        function addRow() {  
            var nrow = "文本框多行文本区下拉框单选框复选框 ";  
            if (flag == 0) {  
                $('#attributetable').append(nrow);  
                flag = 1;  
            }  
        }  
 
        //添加新行中的数据到后台 
        function addData(obj) {  
 
 
            var trobj = $(obj).parents('tr');  
            var username = $(trobj).find(':text[name=username]').val();  
            var seltype = $(trobj).find('select[name=seltype]').val();  
 
            $.post("SupplyAJAX.aspx", { username: username, seltype: seltype, type: "add" }, function (data) {  
                if (data.toString() != "0") {  
                    $(trobj).find(':hidden[name=hideid]').val(data.toString());  
                    changeDisable(obj, 0);  
                }  
                else {  
                    deleteNewRow(obj);  
                    alert('添加失败');  
                }  
            });  
            flag = 0;  
        }  
          
        //更新行 
        function updData(obj) {  
 
              
            var trobj = $(obj).parents('tr');  
            var id = $(trobj).find(':hidden[name=hideid]').val();  
            var username = $(trobj).find(':text[name=usrname]').val();  
           
            var seltype = $(trobj).find('select[name=seltype]').val();  
            $.post("SupplyAJAX.aspx", { id: id, username: username, seltype: seltype, type: "update" },   
            function (data) {  
         
                if (data.toString() != "0") {  
                    changeDisable(obj, 0);  
                }  
                else {  
                    alert('更新失败');  
                }  
            });  
        }  
        //删除新行 
        function deleteNewRow(obj) {  
            $(obj).parents('tr').replaceWith('');  
            flag = 0;  
        }  
        //删除数据库中的行 
        function deleteRow(obj) {  
            var trobj = $(obj).parents('tr');  
            var id = $(trobj).find(':hidden[name=hideid]').val();  
            $.post("SupplyAJAX.aspx", { id: id, type: "delete" },   
            function (data) {  
                if (data.toString() != "0") {  
                    $(obj).parents('tr').replaceWith('');  
                }  
                else {  
                    alert('删除失败');  
                }  
            });  
        }  
 
        //改变编辑状态 
        function changeDisable(obj, type) {  
            var trobj = $(obj).parents('tr');  
            if (type == 0) {  
                $(trobj).find(':text').attr('disabled', 'disabled');  
                $(trobj).find('select').attr('disabled', 'disabled');  
                $(trobj).find('span[name=buttonspan]').html(" ");  
            }  
            if (type == 1) {  
                $(trobj).find(':text').attr('disabled', '');  
                $(trobj).find('select').attr('disabled', '');  
                $(trobj).find('span[name=buttonspan]').html(" ");  
            }  
        }

HTML代码部分：

SupplyAJAX类

 
public partial class SupplyAJAX : System.Web.UI.Page  
{  
    static List UmList = new List();  
 
    protected void Page_Load(object sender, EventArgs e)  
    {  
        switch (Request.QueryString["type"])  
        {   
            case "add":  
                Add();  
                break;  
            case "update":  
                Update();  
                break;  
            case "delete":  
                Delete();  
                break;  
        }  
        Response.End();  
    }  
 
    private string Add()  
    {  
        UserModel um = new UserModel();  
        um.Id = UmList.Count + 1; //自动为ID加1 
        um.Username = Request.Form["username"];  
        um.Seltype = Request.Form["seltype"];  
        UmList.Add(um);  
        return um.Id.ToString();  
    }  
 
    private string Update()  
    {  
        int id = int.Parse(Request.QueryString["id"]);  
        for (int i = 0; i < UmList.Count; i++)  
        {  
            if (id == UmList[i].Id)  
            {  
                UmList[i].Username = Request.Form["username"];  
                UmList[i].Seltype = Request.Form["seltype"];  
                return UmList[i].Id.ToString();  
            }  
        }  
        return "0";  
    }  
 
    private string Delete()  
    {  
        int id = int.Parse(Request.Form["id"]);  
        for (int i = 0; i < UmList.Count; i++)  
        {  
            if (id == UmList[i].Id)  
            {  
                UmList.Remove(UmList[i]);  
                return UmList[i].Id.ToString();  
            }  
        }  
        return "0";  
    }  
 
}

附件：http://down.51cto.com/data/2359030

本文名称：通过AJAX与ASP.NET结合实现的仿GridView增删改查功能！
分享地址：http://wtcwzsj.com/article/ihdgjs.html

通过AJAX与ASP.NET结合实现的仿GridView增删改查功能！

其他资讯

公司服务热线