页面文件
复制代码代码如下:
<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"> </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">
<tabela id = "i18ntable">
<tr>
<th width = '45%'altura =' 20px '> chave </th>
<th width = '45%'altura =' 20px '> valor </th>
<th width = '5%' altura = '20px'> valor </th>
</tr>
</tabela>
</div>
<div id = "addtrdiv">
<a href = "#" iconCls = "icon-add" onclick = "addtr ()"> <span key = "ss"> 添加行 </span> </a>
</div>
<div>
<tabela>
<tr>
<td align = Center> <a href = "#" iconCls = "icon-ok" onclick = "savei18ninfo ()"> <key key = "salvar"> 保存 </span> </a> </td>
</tr>
</tabela>
</div>
</morm>
</body>
</html>
JS 文件
复制代码代码如下:
// 保存国际化文件
função savei18ninfo () {
var i18ninfo = geti18ninfo ();
alerta (i18ninfo);
}
// 获取 i18n 值
função geti18ninfo () {
var key = "";
var value = "";
var i18ndata = "";
var tabela = $ ("#i18ntable");
var tbody = tabela.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 () == "") {
retornar nulo;
}
key = "key/":/""+tds.eq (j) .text ();
}
if (j == 1) {
if (tds.eq (j) .text () == null || tds.eq (j) .text () == "") {
retornar nulo;
}
value = "value/":/""+tds.eq (j) .text ();
}
}
if (i == TRS.Length-1) {
i18ndata+= "{/" "+key+"/",/" "+value+"/"}";
}outro{
i18ndata+= "{/" "+key+"/",/" "+value+"/"},";
}
}
i18ndata = "["+i18ndata+"]";
retornar i18ndata;
}
var clientwidth = document.documentElement.clientWidth;
var clientHeight = document.documentElement.clientHeight;
var div_left_width = 200;
var tempWidth = 0;
/**
* 描述 ： 页面自适应
*/
$ (janela) .bind ("redimensionar", function () {
ResizeLayout ();
});
function resizElayout () {
tentar{
clientwidth = document.documentElement.clientWidth;
var div_left_width = $ ("#esquerda"). width ()+11;
$ ("#cc"). layout ("redimensionamento");
$ ('#userQuery'). Painel ('redimensionar', {width: clientwidth-div_left_width});
$ ('#10100801'). DataGrid ('redimensionar', {width: clientwidth-div_left_width});
$ ('#userrange'). ComboBox ({
Largura: $ ('#Right'). Width () * 0,35
});
} catch (e) {
}
}
function initResize () {
// 自动适应页面大小
$ (". Layout-Button-Left"). Bind ("Click", function () {
$ ('#userQuery'). Painel ('redimensionar', {width: clientwidth-28});
$ ('#10100801'). DataGrid ('redimensionar', {width: clientwidth-28});
$ (". Layout-Button-Right"). Bind ("Click", function () {
$ ('#userQuery'). Painel ('redimensionar', {largura: tempwidth});
$ ('#10100801'). DataGrid ('redimensionar', {largura: tempwidth});
});
});
}
função tdclick (tdObject) {
var td = $ (tdObject);
td.attr ("OnClick", "");
// 1, 取出当前 td 中的文本内容保存起来
Var text = td.text ();
// 2, 清空 td 里面的内容
td.html (""); // 也可以用 td.empty ();
// 3 ， 建立一个文本框 ， 也就是 entrada 的元素节点
var input = $ ("<gut>");
// 4 ， 设置文本框的值是保存起来的文本内容
input.attr ("value", texto);
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 (entrada);
var t = input.val ();
input.val (""). Focus (). Val (t);
// input.focus ();
// 6, 清除点击事件
td.unbind ("clique");
}
função addtr () {
var tabela = $ ("#i18ntable");
var tr = $ ("<tr> <td altura = '20px' onclick = 'tdClick (this)'>"+"</td> <td altura = '20px' onclick = 'tdclick (this)'>"+"</td> <td altura = '20px' align = 'center' ecclick) color = 'Red'> "+" 删除 "+" </font> </td> </tr> ");
tabela.Append (TR);
}
Função Deletetr (tdObject) {
var td = $ (tdObject);
td.parents ("tr"). remover ();
}