页面文件
复制代码代码如下:
<html>
<Evista>
<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>
</ablo>
<Body OnContextMenu = "return false">
<Form ID = "i18nform">
<div id = "i18ntableiv">
<table id = "i18ntable">
<tr>
<th width = '45%'altura =' 20px '> clave </th>
<th width = '45%'altura =' 20px '> valor </th>
<th width = '5%' altura = '20px'> valor </th>
</tr>
</table>
</div>
<div id = "addtrdiv">
<a href = "#" iconcls = "icon-add" onClick = "addtr ()"> <span key = "ss"> 添加行 </span> </a>
</div>
<div>
<Table>
<tr>
<td align = center> <a href = "#" iconcls = "icon-ok" onClick = "savei18ninfo ()"> <span key = "save"> 保存 </span> </a> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
JS 文件
复制代码代码如下:
// 保存国际化文件
función savei18ninfo () {
var i18ninfo = geti18ninfo ();
alerta (i18ninfo);
}
// 获取 i18n 值
función geti18ninfo () {
var key = "";
value var = "";
var i18ndata = "";
var tabla = $ ("#i18ntable");
var tbody = table.children ();
var trs = tbody.children ();
para (var i = 1; i <trs.length; i ++) {
var tds = trs.eq (i) .children ();
para (var j = 0; j <tds.length; j ++) {
if (j == 0) {
if (tds.eq (j) .Text () == null || tds.eq (j) .Text () == "") {
regresar nulo;
}
Key = "Key/":/""+Tds.eq (j) .Text ();
}
if (j == 1) {
if (tds.eq (j) .Text () == null || tds.eq (j) .Text () == "") {
regresar nulo;
}
valor = "valor/":/""+tds.eq (j) .Text ();
}
}
if (i == trs.length-1) {
i18ndata+= "{/" "+key+"/",/" "+valor+"/"}";
}demás{
i18ndata+= "{/" "+key+"/",/" "+valor+"/"},";
}
}
i18ndata = "["+i18ndata+"]";
devolver i18ndata;
}
var clientwidth = document.documentelement.clientwidth;
var clientHeight = document.documentelement.clientHeight;
var div_left_width = 200;
var tempwidth = 0;
/**
* 描述 : 页面自适应
*/
$ (Window) .bind ("RESEZE", FUNTION () {
resizLayOut ();
});
función resizLayOut () {
intentar{
ClientWidth = document.documentelement.clientWidth;
var div_left_width = $ ("#izquierda"). width ()+11;
$ ("#cc"). Diseño ("cambiar de tamaño");
$ ('#UserQuery'). Panel ('RESEZE', {Width: ClientWidth-Div_left_Width});
$ ('#10100801'). DataGrid ('RESEDE', {Width: ClientWidth-Div_left_Width});
$ ('#userrange'). Combobox ({
Ancho: $ ('#Right'). Width () * 0.35
});
} catch (e) {
}
}
función initResize () {
// 自动适应页面大小
$ (". Diseño-Button-Left"). Bind ("Click", function () {
$ ('#UserQuery'). Panel ('RESIZAR', {Width: ClientWidth-28});
$ ('#10100801'). DataGrid ('RESEDE', {Width: ClientWidth-28});
$ (". Diseño-botton-right"). bind ("hacer clic", function () {
$ ('#UserQuery'). Panel ('RESEZE', {width: tempwidth});
$ ('#10100801'). DataGrid ('RESEZE', {WIDTH: TEMPWIDTH});
});
});
}
función tdClick (tDobject) {
var td = $ (tDobject);
td.attr ("onclick", "");
// 1, 取出当前 TD 中的文本内容保存起来
var text = td.text ();
// 2, 清空 TD 里面的内容
td.html (""); // 也可以用 td.empty ();
// 3 , 建立一个文本框 也就是 Entrada 的元素节点
var input = $ ("<put>");
// 4 设置文本框的值是保存起来的文本内容 设置文本框的值是保存起来的文本内容
input.attr ("valor", 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 (función (evento) {
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 ("hacer clic");
}
función addtr () {
var tabla = $ ("#i18ntable");
var tr = $ ("<tr> <td height = '20px' onClick = 'tdClick (this)'>"+"</td> <td height = '20px' onClick = 'tdClick (this)'>"+"<//td> <td height = '20px' align = 'Center' en Cclick = 'deletetr (this)'> <font size 2 '2' 2 '2' color = 'rojo'> "+" 删除 "+" </font> </td> </tr> ");
tabla.append (tr);
}
función deletetr (tDobject) {
var td = $ (tDobject);
td.Parents ("tr"). remove ();
}