页面文件
复制代码代码如下：
<html>
<头>
<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>
<脚本类型=“ text/javascript”>
</script>
</head>
<Body OnContextMenu =“返回false”>
<形式ID =“ i18Nnform”>
<div ID =“ i18ntablediv”>
<table id =“ i18ntable”>
<tr>
<th width = '45％'height ='20px'>键</th>
<th width = '45％'height ='20px'>值</th>
<th width ='5％'高度='20px'>值</th>
</tr>
</table>
</div>
<div ID =“ addtrdiv”>
态
</div>
<div>
<表>
<tr>
<td align = center> <a href =“＃” iconcls =“ icon-ok” onclick =“ savei18ninfo（）”> <span key =“ save”> </span> </span> </a> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
JS文件
复制代码代码如下：
//保存国际化文件
函数savei18ninfo（）{
var i18ninfo = geti18ninfo（）;
警报（i18ninfo）;
}
//获取i18n值
函数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（）==“”）{
返回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（）;
}
}
如果（i == trs.length-1）{
i18ndata+=“ {/”+键+“/”，/“”+value+“/“}”;
}别的{
i18ndata+=“ {/”+键+“/”，/“”+value+“/”}，“;
}
}
i18ndata =“ [”+i18ndata+“]”;
返回i18ndata;
}
var clientwidth = document.documentElement.ClientWidth;
var clientHeight = document.documentElement.ClientHeight;
var div_left_width = 200;
var tempwidth = 0;
/**
*描述：页面自适应
*/
$（window）.bind（“ ressize”，function（）{
resizelayout（）;
}）;
函数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}）;
$（'＃userrange'）。combobox（{
宽度：$（'＃right'）。宽度（） * 0.35
}）;
}捕获（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 = $（“ <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;
如果（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（“”）。焦点（）。val（t）;
// input.focus（）;
// 6，清除点击事件
td.unbind（“单击”）;
}
函数addtr（）{
var table = $（“＃i18ntable”）;
var tr = $（“ <tr> <td height ='20px'onclick ='tdclick（this）'>“+”+“ </td> <td> <td height ='20px'onclick ='tdclick（this）'>“+”+“ </td>” </td> <td height ='20px'20px'20px'20px'align'align ='deLeT'' color ='red'>“+”+“+”+“ </font> </td> </tr>”）;
table.append（tr）;
}
函数deletetr（tdobject）{
var td = $（tdobject）;
td.parents（“ tr”）。remove（）;
}