页面文件

<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. EXCEL随机密码生成函数

    =CHAR(INT(RAND()*+))&INT(RAND()*+)&CHAR(INT(RAND()*+))&INT(RAND()*+)&CHAR(INT(RAND() ...

  2. basename, dirname 在C语言中的使用

    basename作用是得到特定的路径中的最后一个'/',后面的内容 如/usr/bin,得到的内容就是bin 如果/sdcard/miui_recovery/backup 得到的内容就是backup ...

  3. C#并行编程

    C#并行编程中的Parallel.Invoke 一.基础知识 并行编程:并行编程是指软件开发的代码,它能在同一时间执行多个计算任务,提高执行效率和性能一种编程方式,属于多线程编程范畴.所以我们在设计过 ...

  4. RSA算法加密解密

    该工具类中用到了BASE64,需要借助第三方类库:javabase64-1.3.1. jar 注意:RSA加密明文最大长度117字节,解密要求密文最大长度为128字节,所以在加密和解密的过程中需要分块 ...

  5. JCombobox组合框效果实现(转)

    JCombobox是Swing中比较常用的控件,它显示一个项列表,扩展的是ListModel接口的模型,它的显示绘制器通过实现ListCellBenderer接口来绘制列表单元,下面介绍 ①普通应用例 ...

  6. unity调用安卓打包apk时的错误unable to convert classes into dex format

    出现这种问题一般是由于有重复的文件所致,看下unity报的错误那些文件重复了,把重复的文件删了即可 例如,将eclipse中的安卓工程bin\class导出jar包时,会将下面的.class文件打包, ...

  7. 构建安全的Xml Web Service系列之wse之错误代码详解

    原文:构建安全的Xml Web Service系列之wse之错误代码详解 WSE3.0现在还没有中文版的可以下载,使用英文版的过程中,难免会遇到各种各样的错误,而面对一堆毫无头绪的错误异常,常常会感到 ...

  8. 构建安全的Xml Web Service系列之如何察看SoapMessage

    原文:构建安全的Xml Web Service系列之如何察看SoapMessage 上一篇文章地址:构建安全的Xml Web Service系列一之初探使用Soap头 (5-22 12:53)     ...

  9. IBatis.Net获取执行的Sql语句

    前言 IBatis.Net中Sql语句是些在配置文件中的,而且配置文件是在程序启动时读取的(我们开发的时候需要将其设置成较新复制或者是始终复制),而不是程序将其包含在其中(例如NHibernate的映 ...

  10. Apache Commons Math3学习笔记（2） - 多项式曲线拟合(转)

    多项式曲线拟合:org.apache.commons.math3.fitting.PolynomialCurveFitter类. 用法示例代码: // ... 创建并初始化输入数据: double[] ...