ASP.NET jQurey实现的仿GridView增删改查功能

jQurey代码部分：

<script type="text/javascript">
        var flag = 0;  

        //添加新行
        function addRow() {
            var nrow = "<tr><td><input name='hideid' type='hidden' value='' /><input name='username' type='text' value='' size='15' maxlength='15'  /></td><td><select name='seltype' id=seltype1><option value='Text'>文本框</option><option value='textarea'>多行文本区</option><option value='Select'>下拉框</option><option value='Radio'>单选框</option><option value='Checkbox'>复选框</option></select></td><td><span class='heb' name='buttonspan'><input  value='添加' onclick='addData(this)' type='button'  class='se_buton'/>&nbsp;<input  value='取消' type='button' onclick='deleteNewRow(this)' class='se_buton'/></span></td></tr>";
            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("<input name='gx' value='更新' type='button' onclick='changeDisable(this,1)'  class='se_buton'/>&nbsp;<input value='删除' type='button' name='qx' onclick='deleteRow(this)'  class='se_buton' />");
            }
            if (type == 1) {
                $(trobj).find(':text').attr('disabled', '');
                $(trobj).find('select').attr('disabled', '');
                $(trobj).find('span[name=buttonspan]').html("<input name='gx' value='确定' type='button' onclick='updData(this)'  class='se_buton'/>&nbsp;<input value='取消' type='button' name='qx' onclick='changeDisable(this,0)'  class='se_buton' />");
            }
        }
    </script>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索function
， find
， 增删改查
， obj
， name
， var
， username
， mysqlmvc4asp.net增删改查
， jqurey easy ui
， jqurey游戏力度条
， html表格增删改
parents()
，以便于您获取更多的相关知识。