editTable.js

最新推荐文章于 2024-08-10 09:09:11 发布

Discussing

最新推荐文章于 2024-08-10 09:09:11 发布

阅读量2.2k

点赞数

文章标签： function input url 数据库 date

本文链接：https://blog.csdn.net/Discussing/article/details/6526690

版权

$(function(){
    $(".editCategory").click(function(){
        var objTD = $(this);
        var preText = $.trim(objTD.text());//原先的类别名
        var input = $("<input type='text' value='"+preText+"'>")   //文本框
        objTD.html(input);//当前td的内容变为文本框
        input.click(function(){
            return false;
        });

        input.css("border-width","0")
        .css("text-align","center")
        .height(objTD.height())
        .width(objTD.width())
        .css("font-size","16px")
        .trigger("focus").trigger("select");

        //文本框失去焦点时变为文本
        input.blur(function(){
            var newText = $(this).val();
            var input_blur = $(this);

             if(preText!=newText) {
                 //获取该类别的序号
                var categoryId = $.trim(objTD.prev().text());

                //AJAX异步更改数据库
                 var url = "../handler/changeCategoryName.ashx?categoryName="+ encodeURI(encodeURI(newText))+"&categoryId="+categoryId+"&time="+ new Date().getTime();
                 $.get(url,function(data){
                    if(data == "false") {
                         alert("类别修改失败，请检查类别名是否重复！");
                        input_blur.trigger("focus").trigger("select");
                    }
                     else{
                        objTD.html(newText);
                     }
                 });
             }
             else {
                objTD.html(newText);
            }
        });

        input.keydown(function(event) {
            var key = event.keyCode;
            var input_keydown = $(this);
            switch(key) {
                case 13:
                    var newText = input_keydown.val();
                    if(preText!=newText) {
                    //获取该类别的序号
                    var categoryId = $.trim(objTD.prev().text());

                    //AJAX异步更改数据库
                    var url = "../handler/changeCategoryName.ashx?categoryName="+ encodeURI(encodeURI(newText))+"&categoryId="+categoryId+"&time="+ new Date().getTime();
                    $.get(url,function(data){
                        if(data == "false") {
                            alert("类别修改失败，请检查类别名是否重复！");
                            input_blur.trigger("focus").trigger("select");
                        }
                        else{
                            objTD.html(newText);
                        }
                    });
                        }
                        else {
                            objTD.html(newText);
                        }
                        break;
                case 27:
                    objTD.html(preText);
                    break;
            }
        });
    });
});