Jquery实现鼠标双击Table单元格变成文本框,输入内容并更新到数据库

摘要:
这值:oldhtml;//触发时,判断新元素值是否为空。如果为空,则不会修改它,原始值varsort=element。内部HTML;$获取(“UpdateFlag.ashx”)?

JS鼠标双击事件 onDblClick

 <td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %>
</td>

 这里的本人用绑定的值是传的当前行对应的ID号,

function ShowElement(element, productid, flag, ishotorcommend) {
    
if (flag == 0 && ishotorcommend == 0) {
        alert(
"请先设置该产品为推荐");
        
return;
    }
    
if (flag == 1 && ishotorcommend == 0) {
        alert(
"请先设置该产品为热销");
        
return;
    }
    
var oldhtml = element.innerHTML;//原单元格里的值
    var str = "<input type='text' name='test' style='50%;'";
    str 
+= "onkeypress='return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46'";
    str 
+= "onpaste='return !clipboardData.getData('text').match(/\D/)'";
    str 
+= "ondragenter='return false' />";
    
var newobj = document.createElement(str);   //创建新的input元素
  
    newobj.setAttribute(
"value", oldhtml);//把原来单元格中的值赋给文本框

    newobj.onblur 
= function() {

        element.innerHTML 
= this.value ? this.value : oldhtml; //当触发时判断新增元素值是否为空,为空则不修改,并返回原有值 
        var sort = element.innerHTML;
        $.get(
"UpdateFlag.ashx?sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { });
    }
    element.innerHTML 
= '';
    element.appendChild(newobj);
//把新的值赋到单元格
    newobj.focus();
}

免责声明:文章转载自《Jquery实现鼠标双击Table单元格变成文本框,输入内容并更新到数据库》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇c 结构体中的变长数组系统架构之负载均衡【F5 ginxLVSDNS轮询】下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

(转)POI中设置Excel单元格格式样式(居中,字体,边框,背景色、列宽、合并单元格等)

HSSFSheet sheet = workbook.createSheet("sheet1");//新建sheet页 HSSFCellStyle cellStyle = wb.createCellStyle();  //新建单元格样式 一、设置背景色: cellStyle.setFillForegroundColor((short) 13);// 设置背...

QT QTableWidget 用法总结(转)

QTableWidget是QT程序中常用的显示数据表格的空间,很类似于VC、C#中的DataGrid。说到QTableWidget,就必须讲一下它跟QTabelView的区别了。QTableWidget是QTableView的子类,主要的区别是QTableView可以使用自定义的数据模型来显示内容(也就是先要通过setModel来绑定数据源),而QTabl...

使用Selenium和openCV对HTML5 canvas游戏进行自动化功能测试(一)

上一篇讲了HTML5 canvas游戏的基本工作原理,接下来讲如何进行自动化功能测试。 Selenium是一个跨平台的跨浏览器的对网页进行自动化测试的工具。从Selenium 2.0开始Selenium就和WebDriver合体了。如果你还不了解Selenium怎么用,可以看看官网上的例子。Selenium支持各种语言的binding,方便起见,下面的测试...

jQuery操作json数据

json是一种轻量级数据交换格式,简单的json格式为[{"key1":"value1"},{"key2":"value2"}], []代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值。 下面使用jquery解析简单的son文件。 这里是songs...

从零开始学习jQuery(剧场版) 你必须知道的javascript

一.摘要 本文是jQuery系列教程的剧场版, 即和jQuery这条主线无关, 主要介绍大家平时会忽略的一些javascript细节.  适合希望巩固javascript理论知识和基础知识的开发人员阅读. 二.前言 最近面试过一些人, 发现即使经验丰富的开发人员, 对于一些基础的理论和细节也常常会模糊. 写本文是因为就我自己而言第一次学习下面的内容时发现自...

DataGridView很详细的用法

DataGridView很详细的用法  一、 DataGridView 取得或者修改当前单元格的内容: 当前单元格指的是 DataGridView 焦点所在的单元格,它可以通过 DataGridView 对象的 CurrentCell 属性取得。如果当前单元格不存在的时候,返回Nothing(C#是null) // 取得当前单元格内容 Cons...