/*
*说明:可编辑的表格
*/
$(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;
}
});



posted on 2011-12-22 18:23  Cheval  阅读(675)  评论(0编辑  收藏  举报