zoukankan      html  css  js  c++  java
  • 点击修改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;
    }
    });



  • 相关阅读:
    MongoDB分片集群还原
    集群因子(Clustering Factor)
    Sunisoft.IrisSkin.SkinEngine 设置winform皮肤
    17monipdb根据IP获得区域
    ArraySegmentSample
    RichTextBox指定全部文字显示不同颜色及部分文字高亮颜色显示
    Git 基本分支规范
    C# 获取方法内参数名称
    (转)C#中的Predicate<T>与Func<T, bool>
    EF 多线程TransactionScope事务异常"事务EFTransaction类定义:与另一个进程被死锁在 锁 资源上,并且已被选作死锁牺牲品。请重新运行该事务。"
  • 原文地址:https://www.cnblogs.com/ma_x/p/2298285.html
Copyright © 2011-2022 走看看