在表格中直接修改值 回车表示确定

  <td class="caChang"><%#Eval("name") %></td>

 

 

/*创作者：蔺宜忠
*用途：学习
*/
$(function() {//相当于页面中body标签的onload事件

    $(".caChang").click(function() {  //给页面中caChang类的标签加上click函数
        var chaName = $(this); //对象定义为变量
        var oldName = $.trim(chaName.html()); //取出原来类别名称
        var input = $("<input type='text' value=" + oldName + " />"); //变为文本框的代码
        var test = chaName.html(input); //该对象变为文本框，值为原来的值
        input.click(function() { return false; }); //取消对象点击事件

        //设置文本框的样式
        input.height($(this).height()); //文本框高度为当前单元格高度
        input.css("font-size", "14px"); //文本框文字大小为14像素
        input.css("text-align", "center"); //文字居中
        input.trigger("focus").trigger("select"); //全选

        //********文本框失去焦点时重新变为文本**********
        input.blur(function() {
            var newName = $(this).val(); //获取新的名字
            var caID = $.trim(chaName.prev().text()); //获取类别ID
            if (newName == oldName) { chaName.html(newName); return; } //如果类别没有改没有变化
            else if (newName == "") { alert("您没有输入新类别"); chaName.html(oldName); return; } //当没有输入新类别时
            var newInput = $(this);
            var url = "../Handler/NameChange.ashx?caID=" + caID + "&caName=" + encodeURI(encodeURI(newName)) + "&t=" + new Date().getTime();
            $.get(url, function(data) {
                if ("true" != data) {//当修改不成功的时候返回原因
                    alert(data);
                    newInput.trigger("focus").trigger("select"); //全选
                    return;
                }
                chaName.html(newName); //当修改成功，变回标签模式
            });
        });
        //********文本框失去焦点时重新变为文本——结束**********

        //**********键盘确定修改类别或取消类别************
        $(document).keydown(function(event) {
            switch (event.keyCode) {

                case 13:
                    $("#txtAddCategory").focus();
                    //            var key_newName = $(this).val(); //获取新的名字 
                    //            var key_caID = $.trim($(this).prev().text()); //获取类别ID 
                    //            switch (event.keyCode) { 
                    //                case 13: 
                    //                    alert("键值是：" + key_caID + ",标题是：" + key_newName); 
                    //                    if (key_newName == oldName) { chaName.html(oldName); return; } //如果类别没有改没有变化 
                    //                    else if (key_newName == "") { alert("您没有输入新类别"); chaName.html(oldName); return; } //当没有输入新类别时 
                    //                    var key_newInput = $(this); 
                    //                    var key_url = "../Handler/NameChange.ashx?caID=" + key_caID + "&caName=" + encodeURI(encodeURI(key_newName)) + "&t=" + new Date().getTime(); 
                    //                    $.get(key_url, function(data) { 
                    //                        if ("true" != data) {//当修改不成功的时候返回原因 
                    //                            alert(data); 
                    //                            key_newInput.trigger("focus").trigger("select"); //全选 
                    //                            return; 
                    //                        } 
                    //                        chaName.html(key_newName); //当修改成功，变回标签模式 
                    //                    }); 
                    break;
                case 27:
                    chaName.html(oldName);  //如果类别没有改没有变化
                    break;
            }
        });
        //**********键盘确定修改类别或取消类别——结束************

    });
});

//***用entre键确定，esc键取消改变类别名称
$(document).keydown(function(event) {
    switch (event.keyCode) { case 13: return false; break; case 27: return false; }
});
//***用entre键确定，esc键取消改变类别名称——结束