页面文件
复制代码代码如下::
<html>
<kopf>
<meta http-äquiv = "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 = "False falsch">
<form id = "i18nform">
<div id = "i18ntablediv">
<table id = "i18Ntable">
<tr>
<th width = '45%'height =' 20px '> key </th>
<th width = '45%'Height =' 20px '> Wert </th>
<th width = '5%' height = '20px'> Wert </th>
</tr>
</table>
</div>
<div id = "addtrDiv">
<a href = "#" iconcls = "icon-add" onclick = "addtr ()"> <span key = "ss"> 添加行 </span> </a>
</div>
<div>
<tabelle>
<tr>
<td align = center> <a href = "#" iconcls = "icon-ok" onclick = "Savei18Ninfo ()"> <span key = "speichern"> 保存 </span> </a> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
JS 文件
复制代码代码如下::
// 保存国际化文件
Funktion Savei18Ninfo () {
var i18ninfo = geti18ninfo ();
Alarm (i18ninfo);
}
// 获取 i18n 值
Funktion geti18ninfo () {
var key = "";
var value = "";
var i18ndata = "";
var table = $ ("#i18Ntable");
var tbody = table.children ();
var trs = tbody.children ();
für (var i = 1; i <trsgth; i ++) {
var tds = trs.eq (i) .Children ();
für (var j = 0; j <tds.length; j ++) {
if (j == 0) {
if (tds.eq (j) .Text () == null || tds.eq (j) .text () == "") {
null zurückkehren;
}
key = "key/":/""+tds.eq (j) .Text ();
}
if (j == 1) {
if (tds.eq (j) .Text () == null || tds.eq (j) .text () == "") {
null zurückkehren;
}
value = "value/":/""+tds.eq (j) .Text ();
}
}
if (i == trs.Length-1) {
i18ndata+= "{/" "+taste+"/",/" "+value+"/"}";
}anders{
i18ndata+= "{/" "+taste+"/",/" "+value+"/"},";
}
}
i18ndata = "["+i18ndata+"]";
kehre i18ndata zurück;
}
var clientwidth = document.documentElement.clientwidth;
var clientHeight = document.documentElement.clientHeight;
var div_left_width = 200;
var tempwidth = 0;
/**
* 描述 ： 页面自适应
*/
$ (Fenster) .bind ("Größe Größe", function () {
resizelayout ();
});
Funktion resizelayout () {
versuchen{
clientwidth = document.documentElement.clientwidth;
var div_left_width = $ ("#links"). width ()+11;
$ ("#cc"). Layout ("Größe");
$ ('#userQuery'). Panel ('Größe', {width: clientwidth-div_left_width});
$ ('#10100801'). DataGrid ('Größe', {width: clientwidth-div_left_width});
$ ('#Userrange'). Combobox ({{
Breite: $ ('#rechts'). Breite () * 0,35
});
} catch (e) {
}
}
Funktion initResize () {
// 自动适应页面大小
$ (". Layout-Button-links"). Bind ("Click", function () {
$ ('#userQuery'). Panel ('Größe', {width: clientwidth-28});
$ ('#10100801'). DataGrid ('Größe', {width: clientwidth-28});
$ (". Layout-Button-Right"). Bind ("Click", function () {
$ ('#userQuery'). Panel ('Größe', {width: tempwidth});
$ ('#10100801'). DataGrid ('Größe', {width: tempwidth});
});
});
}
Funktion tdclick (tdObject) {
var td = $ (tdObject);
td.attr ("Onclick", "");
// 1, 取出当前 td 中的文本内容保存起来
var text = td.text ();
// 2, 清空 td 里面的内容
td.html (""); // 也可以用 td.empty ();
// 3 ， 建立一个文本框 ， 也就是 Eingabe 的元素节点
var input = $ ("<eingabe>");
// 4 ， 设置文本框的值是保存起来的文本内容
input.attr ("Wert", 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 (Funktion (Ereignis) {
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 (Eingabe);
var t = input.val ();
input.val (""). focus (). val (t);
// input.focus ();
// 6, 清除点击事件
td.unbind ("click");
}
Funktion 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' center 'auf color = 'rot'> "+" 删除 "+" </font> </td> </tr> ");
Tabelle.Append (tr);
}
Funktion DeletETRETETR (tdObject) {
var td = $ (tdObject);
td.Parents ("tr"). remove ();
}