页面文件
复制代码代码如下:
<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>
<script type = "text/javascript">
</script>
</head>
<body oncontextmenu = "return false">
<form id = "i18nform">
<div id = "i18ntablediv">
<таблица идентификатора = "i18ntable">
<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">
<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 文件
复制代码代码如下:
// 保存国际化文件
function 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 () == "") {
вернуть ноль;
}
key = "key/":/""+tds.eq (j) .text ();
}
if (j == 1) {
if (tds.eq (j) .text () == null || tds.eq (j) .text () == "") {
вернуть ноль;
}
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"). Layout ("resize");
$ ('#userquery'). panel ('resize', {width: clientwidth-div_left_width});
$ ('#10100801'). DataGrid ('resize', {width: clientwidth-div_left_width});
$ ('#userrange'). combobox ({
Ширина: $ ('#right'). Ширина () * 0,35
});
} catch (e) {
}
}
функция initresize () {
// 自动适应页面大小
$ («.
$ ('#userquery'). panel ('resize', {width: clientwidth-28});
$ ('#10100801'). DataGrid ('resize', {width: clientwidth-28});
$ («.
$ ('#userquery'). panel ('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 inputext = inputnode.val ();
var tdnode = inputnode.parent ();
tdnode.html (inputext);
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 inputext = inputnode.val ();
var tdnode = inputnode.parent ();
tdnode.html (inputext);
tdnode.click (tdclick);
}
});
// 5 , 将文本框加入到 TD 中
td.append (вход);
var t = input.val ();
input.val (""). Focus (). Val (t);
// input.focus ();
// 6, 清除点击事件
td.UnBind ("щелчок");
}
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 = 'deletetre (это)'> 'font' 2 '2' 2 '2' 2 '2' 2 '2'. color = 'red'> "+" 删除 "+" </font> </td> </tr> ");
table.append (tr);
}
Функция deletetre (tdobject) {
var td = $ (tdobject);
td.parents ("tr"). remove ();
}