页面文件
复制代码代码如下：
<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"> </scrip>
<script type = "text/javascript" src = "queryi18n.js"> </script>
<script type = "text/javascript">
</script>
</head>
<body oncontextmenu = "return false">
<form id = "i18nform">
<div id = "i18ntablediv">
<表ID = "i18ntable">
<tr>
<th width = '45％ 'height =' 20px '> key </th>
<th width = '45％ 'height =' 20px '>値</th>
<th width = '5％' height = '20px'>値</th>
</tr>
</table>
</div>
<div id = "addtrdiv">
<a href = "＃" iconcls = "icon-add" onclick = "addtr（）"> <span key = "ss">添加行</span> </a>
</div>
<div>
<表>
<tr>
<td align = center> <a href = "＃" iconcls = "icon-ok" onclick = "savei18ninfo（）"> <span key = "save">保存</span> </a> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
JS文件
复制代码代码如下：
//保存国际化文件
関数savei18ninfo（）{
var i18ninfo = geti18ninfo（）;
アラート（i18ninfo）;
}
//获取i18n值
関数geti18ninfo（）{
var key = "";
var値= "";
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（）== ""）{
nullを返します。
}
key = "key/"：/""+tds.eq（j）.text（）;
}
if（j == 1）{
if（tds.eq（j）.text（）== null || tds.eq（j）.text（）== ""）{
nullを返します。
}
value = "value/"：/""+tds.eq（j）.text（）;
}
}
if（i == trs.length-1）{
i18ndata+= "{/" "+key+"/"、/" "+value+"/"}";
}それ以外{
i18ndata+= "{/" "+key+"/"、/" "+value+"/"}、";
}
}
i18ndata = "["+i18ndata+"]";
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（）{
試す{
clientWidth = document.DocumentElement.ClientWidth;
var div_left_width = $（ "＃left"）。width（）+11;
$（ "＃cc"）。レイアウト（ "Resize"）;
$（ '＃userquery'）。パネル（ 'resize'、{width：clientwidth-div_left_width}）;
$（ '＃10100801'）。datagrid（ 'resize'、{width：clientwidth-div_left_width}）;
$（ '＃ueserrange'）。コンボボックス（{
width：$（ '＃right'）。width（） * 0.35
}）;
} catch（e）{
}
}
関数initresize（）{
//自动适应页面大小
$（ "。レイアウトボタン左"）。bind（ "click"、function（）{
$（ '＃userquery'）。パネル（ 'resize'、{width：clientWidth-28}）;
$（ '＃10100801'）。datagrid（ 'resize'、{width：clientWidth-28}）;
$（ "。レイアウトボタン - ライト"）。bind（ "click"、function（）{{
$（ '＃userquery'）。パネル（ 'resize'、{width：tempwidth}）;
$（ '＃10100801'）。datagrid（ 'resize'、{width：tempwidth}）;
}）;
}）;
}
関数tdclick（tdobject）{
var td = $（tdobject）;
td.attr（ "onclick"、 ""）;
// 1、取出当前TD中的文本内容保存起来
var text = td.text（）;
// 2、清空TD里面的内容
td.html（ ""）; //也可以用td.empty（）;
// 3、建立一个文本框、也就是入力的元素节点
var input = $（ "<inupt>"）;
// 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（入力）;
var t = input.val（）;
input.val（ ""）。focus（）。val（t）;
// input.focus（）;
// 6、清除点击事件
td.unbind（ "click"）;
}
関数addtr（）{
var table = $（ "＃i18ntable"）;
var tr = $（ "<tr> <td height = '20px' onclick = 'tdclick（this）'>"+"</td> <td height = '20px' onclick = 'tdclick（this）'>"+"</td> <td height = '20x' align = 'センター'センターcolor = 'red'> "+"删除 "+" </font> </td> </tr> "）;
table.append（tr）;
}
関数deletetr（tdobject）{
var td = $（tdobject）;
td.parents（ "tr"）。remove（）;
}