页面文件

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title></title>

<script type="text/javascript" src="jquery-1.6.min.js"></script>

<script type="text/javascript" src="queryi18n.js"></script>

<script type="text/javascript">

</script>

</head>

<body oncontextmenu="return false">

			<form id="i18nform">

				<div id="i18ntablediv" style="width: 90%;">

					<table id="i18ntable" border="1px" width="90%">

						<tr>

							<th width='45%' height='20px'>key</th>

							<th width='45%' height='20px'>value</th>

							<th width='5%' height='20px'>value</th>

						</tr>

					</table>

				</div>

				<div id="addtrdiv" style="width: 10%; float: right;">

					<a href="#" class="easyui-linkbutton" iconCls="icon-add" onclick="addtr()"><span key="ss" class="paltform-i18n">加入行</span></a>

				</div>

				<div class="button_area_absolute">

					<table width="90%">

						<tr>

							<td align=center><a href="#" class="easyui-linkbutton"	iconCls="icon-ok" onclick="savei18ninfo()"><span key="save" class="paltform-i18n">保存</span></a></td>

						</tr>

					</table>

				</div>

			</form>

</body>

</html>

js文件

//保存国际化文件

function savei18ninfo(){

	var i18ninfo = geti18ninfo();

	alert(i18ninfo);

}

//获取i18n值

function geti18ninfo(){

	var key = "";

	var value = "";

	var i18ndata = "";

	var table = $("#i18ntable");

	var tbody = table.children();

	var trs = tbody.children();

	for(var i=1;i<trs.length;i++){

		var tds = trs.eq(i).children();

		for(var j=0;j<tds.length;j++){

			if(j==0){

				if(tds.eq(j).text()==null||tds.eq(j).text()==""){

					return null;

				}

				key = "key\":\""+tds.eq(j).text();

			}

			if(j==1){

				if(tds.eq(j).text()==null||tds.eq(j).text()==""){

					return null;

				}

				value = "value\":\""+tds.eq(j).text();

			}

		}

		if(i==trs.length-1){

			i18ndata += "{\""+key+"\",\""+value+"\"}";

		}else{

			i18ndata += "{\""+key+"\",\""+value+"\"},";

		}

	}

	i18ndata = "["+i18ndata+"]";

	return i18ndata;

}

	var clientWidth = document.documentElement.clientWidth;

	var clientHeight = document.documentElement.clientHeight;

	var div_left_width = 200;

	var tempWidth = 0;

 	/**

 	 * 描写叙述：页面自适应

 	 */

$(window).bind("resize",function(){

		resizeLayout();

	});

function resizeLayout(){

		try{

			clientWidth = document.documentElement.clientWidth;

			var div_left_width = $("#left").width()+11;

			$("#cc").layout("resize");

			$('#userquery').panel('resize',{width:clientWidth-div_left_width});

			$('#10100801').datagrid('resize',{width:clientWidth-div_left_width});

			$('#userrange').combobox({

				width :  $('#right').width() * 0.35

			});

		}catch(e){

		}

	}

function initResize(){

 		//自己主动适应页面大小

		$(".layout-button-left").bind("click",function(){

			$('#userquery').panel('resize',{width:clientWidth-28});

			$('#10100801').datagrid('resize',{width:clientWidth-28});

			$(".layout-button-right").bind("click",function(){

				$('#userquery').panel('resize',{width:tempWidth});

				$('#10100801').datagrid('resize',{width:tempWidth});

			});

		});

 	}

function tdclick(tdobject){

			 var td=$(tdobject);

			 td.attr("onclick", "");

			 //1,取出当前td中的文本内容保存起来

			var text=td.text();

			//2,清空td里面的内容

			td.html(""); //也能够用td.empty();

			//3，建立一个文本框，也就是input的元素节点

			var input=$("<input>");

			//4。设置文本框的值是保存起来的文本内容

			input.attr("value",text);

			input.bind("blur",function(){

				var inputnode=$(this);

				var inputtext=inputnode.val();

				var tdNode=inputnode.parent();

				tdNode.html(inputtext);

				tdNode.click(tdclick);

				td.attr("onclick", "tdclick(this)");

			});

			input.keyup(function(event){

				 var myEvent =event||window.event;

				 var kcode=myEvent.keyCode;

				if(kcode==13){

					var inputnode=$(this);

					var inputtext=inputnode.val();

					var tdNode=inputnode.parent();

					tdNode.html(inputtext);

					tdNode.click(tdclick);

				}

			});  

			//5。将文本框增加到td中

			td.append(input);

			var t =input.val();

			input.val("").focus().val(t);

//				input.focus();

		   //6,清除点击事件

			td.unbind("click");

	}

function addtr(){

	var table = $("#i18ntable");

	var tr= $("<tr><td height='20px' onclick='tdclick(this)'>"+"</td><td height='20px' onclick='tdclick(this)'>"+"</td><td height='20px' align='center' onclick='deletetr(this)'><font size='2' color='red'>"+"删除"+"</font></td></tr>");

	table.append(tr);

}

function deletetr(tdobject){

	var td=$(tdobject);

	td.parents("tr").remove();

}

版权声明：本文博主原创文章。博客，未经同意不得转载。

添加和删除行的能力table（能够编辑的表的内容）的更多相关文章

  1. jQuery动态对表格Table进行添加或删除行以及修改列值操作

    jQuery,不仅可以以少量的代码做很多操作,而且兼容性好(各种浏览器,各种版本). 下面用jQuery动态对表格Table进行添加或删除行以及修改列值操作 1.jQuery代码 <script ...

  2. js如何实现动态的在表格中添加和删除行？（两种方法）

    js如何实现动态的在表格中添加和删除行?(两种方法) 一.总结 1.table元素有属性和一些方法(js使用) 方法一:添加可通过在table的innerHTML属性中添加tr和td来实现 tab.i ...

  3. ivew实现table的编辑保存追加删除

    ivew实现table的编辑 例子1 例子2

  4. mysql学习之-show table status（获取表的信息）参数说明

    --获取表的信息mysql> show table status like 'columns_priv'\G;*************************** 1. row ******* ...

  5. MySQL的数据类型，MySQL增删改--添加主外键、添加属性、删除主外键、改表名、获取系统当前时间等

    ls /etc/rc.d/init.d/mysql56service mysql56 start ps aux |grep "mysql"|grep "socket=&q ...

  6. 聊下图片滤镜，手机上的，lookup table（颜色查找表

    今天这里要介绍的是lookup table(颜色查找表),简而言之就是通过将每一个原始的颜色进行转换之后成为一个新的颜色. 打一个比方,比如原始颜色是红色(r:255,g:0,b:0),进行转换后变为 ...

  7. element-ui的table表格控件表头与内容列不对齐问题

    原文链接:点我 element-ui的table表格控件表头与内容列不对齐问题 解决方法:将以下样式代码添加到index.html.或app.vue中(必须是入口文件,起全局作用!)body .el- ...

  8. 问题-delphi无法编辑oracle表

    问题现象:在一次开发过程中,遇到了delphi无法编辑oracle表. 问题原因:原来是自己误操作控件的属性了. 问题处理: OraQuery1.ReadOnly:=False; OraQuery1. ...

  9. table头部、尾部固定;中间内容定高自适应滚动

    table头部.尾部固定;中间内容定高自适应滚动 很多时候,需要使用到表格做数据分析,不管是前端展现,还是后台管理系统节点展现 工作过程中遇到了,作为一个小笔记,备忘! 如下图所示 --------- ...

随机推荐

  1. Cocos2d-x 3.2 Lua演示样例 XMLHttpRequestTest（Http网络请求）

    Cocos2d-x 3.2 Lua演示样例 XMLHttpRequestTest(Http网络请求)     本篇博客介绍Cocos2d-x 3.2Lua演示样例中的XMLHttpRequestTes ...

  2. Android实战技术：IPC方式简介教程

    非实时,通知性的方式 第一种方式就是Intent,Intent可以非常方便的通讯,但是它是非实时的,无法进行实时的像函数调用那样的实时的通讯. 实时的函数调用 但是IPC的根本目的还是为了实现函数的调 ...

  3. SQL注入的原理解说，挺好！

    原文地址:http://www.cnblogs.com/rush/archive/2011/12/31/2309203.html 1.1.1 总结 前几天,国内最大的程序猿社区CSDN网站的用户数据库 ...

  4. python基础课程_学习笔记15：标准库：有些收藏夹——fileinput

    标准库:有些收藏夹 fileinput 重要功能 性能 叙述性说明 input([files[,inplace[,backup]]) 便于遍历多个输入流中的行 filename() 返回当前文件的名称 ...

  5. 用MODELLER构建好模型后对loop区域进行自动的优化过程

    一:对生成的模型的所有的loop区域进行优化 # Homology modeling by the automodel class from modeller import * from modell ...

  6. jquey :eq(1)

    $("#div_Goods .datagrid-row .numberbox:eq(1)") $("#div_Goods .datagrid-row .numberbox ...

  7. Error 56: The Cisco Systems, Inc. VPN Service has not been started（Cisco VPN在Vista下出现Error 56的解决办法）

    Error 56: The Cisco Systems, Inc. VPN Service has not been started(Cisco VPN在Vista下出现Error 56的解决办法) ...

  8. 在基于阿里云serverCentOS6.5下安装Subversion 1.6.5服务

    近期阿里云搞了个1元免费提供云server的活动,偶心痒痒就申请了一个. 正好能够作为团队的SVNserver了,以下就来部署SVN服务吧. 一.安装基础环境 apr-1.5.0.tar.gz apr ...

  9. 【翻译自mos文章】回收 asm磁盘空间的方法

    回收 asm磁盘空间的方法 參考原文: How To Reclaim Asm Disk Space? (Doc ID 351866.1) 适用于: Oracle Database - Enterpri ...

  10. Memcahce（MC）系列（三）Memcached它PHP转让

    由PHP转让Memcahce,首先,需要在server安装Memcache,如何安装Memcache这不是本文的重点, 大约memcache安装,谁的朋友有兴趣,请参阅这里:http://blog.c ...