頁面文件
複製代碼代碼如下：
<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（）;
}