`
wm_java
  • 浏览: 4671 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

双击表格可修改

 
阅读更多
function tdclick(obj) {
             
		var txt = $(obj.outerHTML).text();
		if (txt != null && txt != "") {
			if (obj.childNodes.length > 0) {
				obj.childNodes[0].data = '';
			} else {
				obj.textContent = "";
			}
		}
              //td表格里加input将值赋予input记录下,在删除input框
		var inputobj = ($("<input type='text'  maxlength='60' style='width: 100%; height: 15px'/>")
				.css("border", "0")).css("background-color", "#FFFFCC")
				.appendTo(obj);
		inputobj.trigger("focus");
		inputobj.val(" " + txt);
		inputobj
				.focusout(function() {
					if (obj.childNodes[0].nodeName == "#text") {
						obj.childNodes[0].data = inputobj.val();
					} else {
						obj.innerHTML = inputobj.val();
					}
					inputobj.remove();
					var oper = obj.id;
					if (oper !== 'add') {
						if (updateIds == "") {
							updateIds = obj.id + ";" + inputobj.val() + ";";
						} else {
							updateIds = updateIds + "@" + obj.id + ";"
									+ inputobj.val() + ";" ;
						}
					}
				});
		$(obj.outerHTML).find("input[value='']").remove();
	}

 

分享到:
评论

相关推荐

    双击表格即时编辑

    "双击表格即时编辑"是一项常见的功能需求,它允许用户通过双击表格中的单元格,直接在表格内进行编辑,提高了数据操作的效率。下面将详细阐述这一技术实现的要点。 首先,"双击表格即时编辑"的核心在于事件监听与...

    MFC实现listCtrl双击表格,实现文本输入。

    本教程将详细介绍如何利用MFC ListCtrl控件,响应用户的双击事件,实现用户能够编辑表格中的文本。 首先,我们需要在MFC应用程序中添加一个ListCtrl控件。这通常是在资源编辑器中完成的,例如在对话框类的资源视图...

    怎么实现在表格中双击两下就可对里面的内容进行修改

    这个例子中,当用户双击表格的单元格,单元格就会变为可编辑状态。 4. **事件处理和优化**: 在处理双击事件时,需要注意防止误触和提高用户体验。例如,设置合适的延迟时间以区分单击和双击,以及在编辑完成后...

    jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据

    2. **双击编辑**:在前端,当用户双击表格的某个单元格时,jQuery会捕获这个事件,将单元格内容转换为可编辑的表单输入,这通常通过添加`contenteditable`属性到HTML元素来实现。双击编辑功能提高了用户体验,使得...

    vue+element+Table 每行多个单元格双击修改

    vue+elementTable每行多个单元格双击修改 绑定@cell-dblclick双击事件,显示input进行修改,失焦绑定@blur事件

    易语言超级列表框双击修改内容示例

    "易语言超级列表框双击修改内容示例" 易语言超级列表框双击修改内容示例是一种常用的易语言编程技巧,通过使用DLL命令来实现超级列表框的双击修改内容的功能。本文将详细介绍实现该功能的详细步骤和相关知识点。 ...

    动态删除表格行、列、双击编辑.rar

    当用户双击表格单元格时,可以进入编辑模式,修改单元格内的文本。这需要结合JavaScript的`ondblclick`事件监听器和`contenteditable`属性实现。`contenteditable`属性可以设置在`&lt;td&gt;`元素上,使得该单元格可编辑。...

    易语言在高级表格上直接修改数据/而且直接修改SQL

    易语言在高级表格上直接修改数据/而且直接修改SQL,这个东西很简单很简单。从数据库里读取数据并显示在高级表格里,直接在高级表格上修改某条记录,会对应修改数据库里的数据,没修改的不改变。在数据比较多的情况下...

    bootstrap table实现双击可编辑、添加、删除行功能

    本文实例为大家分享了bootstrap table双击可编辑的具体代码,供大家参考,具体内容如下 html: 名称 值 操作 &lt;td style=tex

    jQuery 实现双击编辑表格功能

    这个简单的实现允许用户双击表格单元格进行编辑,提高用户在查看和修改数据时的交互体验。请注意,这个示例未包含错误处理和验证功能,实际项目中可能需要添加这些功能以确保数据的完整性和一致性。 总的来说,...

    双击表格连接到另一页/改变颜色/行随鼠标变色

    ### 双击表格连接到另一页/改变颜色/行随鼠标变色 #### DataGrid 双击事件与页面跳转 在Web开发中,DataGrid 控件被广泛应用于展示数据列表,用户可以通过交互操作(如点击、双击等)来执行特定的功能。本篇文章将...

    js实现双击单元格变文本框

    一种常见的做法是通过双击表格单元格将其转换为一个可编辑的文本框。这种方法既提高了用户体验,又简化了数据更新的过程。本文将详细介绍如何使用JavaScript来实现这一功能。 #### 核心概念解析 1. **DOM操作**:...

    gridview 双击 修改行

    在本主题中,“gridview 双击 修改行”指的是用户通过双击GridView中的任意一行,系统将触发一个事件,使得该行进入编辑模式,用户可以对数据进行修改。 一、GridView概述 GridView控件是ASP.NET中的数据绑定控件,...

    FLEX双击左右移动表格中的数据

    本文将深入探讨如何在FLEX中实现双击事件来左右移动表格中的数据,以帮助开发者理解并应用这一功能。 首先,我们要了解FLEX中的数据网格组件(DataGrid或Spark的List或Grid)。这些组件允许我们展示结构化的数据,...

    layui table表格数据的新增,修改,删除,查询,双击获取行数据方式

    在本文中,我们将深入探讨如何使用layui table进行数据的新增、修改、删除和查询,以及如何通过双击获取行数据。 1. 表格数据的新增: layui table 提供了便利的方法来动态添加数据。在示例代码中,`addRowItem` ...

    PHP+jQuery实现双击修改table表格功能示例

    `$("tbody&gt;tr&gt;td").dblclick(function() {...})`监听了所有表格单元格的双击事件。当用户双击单元格时,首先获取当前单元格内输入框的初始值(原值),然后获取单元格的特定属性(例如,"user_name"或"user_sex"),...

    鼠标双击技巧集合(全),

    18. **调整表格属性**:双击表格选取器(十字箭头型)可以弹出“表格属性”对话框。 19. **电子表格单元格编辑**:双击单元格可以进入编辑状态;如果单元格内容为公式,则相关联的单元格也会被标识出来。 20. **工作...

    易语言高级表格复制粘贴

    表格对象是显示和操作这些数据的界面元素,它需要支持添加、删除、修改行和列等基本操作。 2. **选区操作**:复制功能首先需要用户选择表格中的特定区域。这通常通过鼠标或键盘操作来实现,易语言中会提供相应的...

    Layui表格监听行单双击事件讲解

    我们一般都是利用layui插件里的layui数据表格加载数据库中的数据,而layui表格里有许多的事件监听,比如监听行的单双击事件,可利用行的单双击事件实现很多我们想要的功能,比单击某条数据可以进行修改、删除操作,...

    用js制作的可编辑表格

    在JavaScript中,当用户双击表格的某个单元格时,我们可以触发编辑模式。这可以通过检查`event`对象的`type`属性来实现,如果`type`为`dblclick`,则表示用户进行了双击操作。接下来,我们将该单元格的`...

Global site tag (gtag.js) - Google Analytics