• 点击修改table表格的内容,点击页面别的地方或按Enter键生成修改(javaquery语句)


    /*
    *说明:可编辑的表格
    */
    $(function() { //相当于在页面body标签中加入onload事件
    $(".caName").click(function() { //在页面中有caName的标签加上click函数
    var objTD = $(this);
    var oldStr = $.trim($(this).text()); //保存以前的文本
    var input = $("<input type='text' value='" + oldStr + "'/>"); //文本框的html代码
    $(this).html(input); //当前的内容变为文本框
    input.click(function() { //设置文本框点击事件失效
    return false;
    });
    //设置文本框格式
    input.css("border-width", 0); //设置文本边框
    input.height($(this).height()); //设置文本框高度
    input.css("font-size", "20px"); //设置文本框中文本大小
    input.width($(this).width()); //设置文本框宽度
    input.css("text-align", "center"); //设置文本框文本的格式
    input.trigger("focus").trigger("select"); //触发全选

    //当文本框失去焦点是变为文本
    input.blur(function() {
    var newText = $(this).val(); //修改后的新闻类别

    //获取该新闻类别名的id
    var caId = $.trim(objTD.prev().text());
    var iput_blur = $(this);

    //当以前的类别名和新类别名一样时,不进行数据的提交
    if (oldStr != newText) {
    //AJAX异步更新数据库新闻类别名
    var url = "../handler/ChangeCaName.ashx?caName=" + encodeURI(encodeURI(newText)) + "&caId=" + caId + "&t=" + new Date().getTime();
    $.get(url, function(data) {
    if (data == "false") {
    alert("类别修改失败,请检查该类别是否已存在");
    iput_blur.trigger("focus").trigger("select"); //文本全选
    } else {
    objTD.html(newText);
    }
    });
    } else {
    //当前后文本一致时,把文本框变成标签
    objTD.html(newText);
    }
    });

    //按下键盘的某键
    input.keydown(function(event) {
    var jianzhi = event.keyCode;
    switch (jianzhi) {
    case 13:
    var newText = $(this).val(); //修改后的新闻类别

    //获取该新闻类别名的id
    var caId = $.trim(objTD.prev().text());
    var iput_keydown = $(this);

    //当以前的类别名和新类别名一样时,不进行数据的提交
    if (oldStr != newText) {
    //AJAX异步更新数据库新闻类别名
    var url = "../handler/ChangeCaName.ashx?caName=" + encodeURI(encodeURI(newText)) + "&caId=" + caId + "&t=" + new Date().getTime();
    $.get(url, function(data) {
    if (data == "false") {
    alert("类别修改失败,请检查该类别是否已存在");
    iput_keydown.trigger("focus").trigger("select"); //文本全选
    } else {
    objTD.html(newText);
    }
    });
    } else {
    //当前后文本一致时,把文本框变成标签
    objTD.html(newText);
    }
    break;
    case 27:
    objTD.html(oldStr);
    break;
    }
    });
    });
    });
    //屏蔽Enter键
    $(document).keydown(function(event) {
    switch (event.keyCode) {
    case 13: return false;
    }
    });



  • 相关阅读:
    GCC内置函数
    父类子类的拷贝构造与赋值
    外传三 动态内存申请的结果
    外传二 函数的异常规格说明
    外传一 异常处理深度解析
    第69课 技巧,自定义内存管理
    第68课 拾遗,令人迷惑的写法
    第67课 经典问题解析五
    第66课 C++中的类型识别
    第65课 C++中的异常处理(下)
  • 原文地址:https://www.cnblogs.com/ma_x/p/2298285.html
Copyright © 2020-2023  润新知