• 可以编辑,回车键确认,ESC键取消


     //是否公共,可直接修改是否为是否,其它值保持不变
            var ispbId = $("tr #ispbTD");
            ispbId.each(function(){
                if($.trim($(this).text())=='否') $(this).css("cursor","pointer").css("color","blue");
                else $(this).css("cursor","pointer").css("color","red");
            });
            ispbId.click(function(){
                var tdObj = $(this);
                if(tdObj.children("input").length > 0){
                    return false;
                }
                var text = $.trim(tdObj.html());
                var bugID = tdObj.attr("title");
        
                tdObj.html("");
                var inputObj = $("<input type='text' name='ispb' id='ispb' />")
                                .css("border-width","0").attr("maxlength","10")
                                .width(tdObj.width()).height(tdObj.height())
                                .val(text).appendTo(tdObj);
                inputObj.trigger("focus").trigger("select");
                inputObj.click(function(){
                    return false;
                });
                
                inputObj.keypress(function(event){
                    event = event ? event : window.event;
                    var keycode = event.which ? event.which : event.keyCode;
                    if(keycode == 13)
                    {
                        tdObj.html($(this).val());
                        if($(this).val()=='是') var valispb = '1';
                        else if($(this).val()=='否') var valispb = '0';
                        else var valispb = null;
                        var link = createLink('bug', 'ajaxEditField', 'bugID=' + bugID + '&fieldName=ispb&fieldValue=' + valispb);
                        if(valispb!==null)$(this).load(link);
                        else tdObj.html(text);
                        if(tdObj.text()=='否') tdObj.css("color","blue");
                        else if(tdObj.text()=='是') tdObj.css("color","red");
                    }
                    if(keycode == 27)
                    {
                        tdObj.html(text);
                    }
                });
                
                inputObj.blur(function(){
                    tdObj.html(text);
                });
            });

  • 相关阅读:
    修改jquery里的dialog对话框插件为框架页(iframe)
    实现滚动广告的几种方案
    dojo学习二 ajax异步请求之绑定列表
    用jquery的sortable做自定义网站模块
    封装自己的js提示信息jtip办法
    让你的网站下起雨(js特效)
    关于js左侧多级菜单动态的解决方案
    dojo学习三 grid表格扩展学习
    jquery最新插件Autocomplete搜索自动提示功能
    用javascript面向对象的方式制作弹出层
  • 原文地址:https://www.cnblogs.com/xdingc/p/7600059.html
Copyright © 2020-2023  润新知