页面文件
复制代码代码如下 :
<html>
<헤드>
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<제목> </title>
<script type = "text/javaScript"src = "jQuery-1.6.min.js"> </script>
<script type = "text/javaScript"src = "queryi18n.js"> </script>
<script type = "text/javaScript">
</스크립트>
</head>
<body oncontextmenu = "return false">
<form id = "i18nform">
<div id = "i18ntablediv">
<table id = "i18ntable">
<tr>
<th width = '45%'높이 ='20px '> 키 </th>
<th width = '45%'높이 ='20px '> 값 </th>
<th width = '5%'높이 = '20px'> 값 </th>
</tr>
</테이블>
</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>
</테이블>
</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 () == ") {
널 리턴;
}
key = "key/":/""+tds.eq (j) .text ();
}
if (j == 1) {
if (tds.eq (j) .text () == null || tds.eq (j) .text () == ") {
널 리턴;
}
값 = "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;
/**
* 页面自适应 ： ：
*/
$ (창) .Bind ( "resize", 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
});
} catch (e) {
}
}
함수 initResize () {
// 自动适应页面大小
$ ( ". Layout-Button-Left"). bind ( "click", function () {
$ ( '#userQuery'). 패널 ( 'resize', {width : clientWidth-28});
$ ( '#10100801'). Datagrid ( 'resize', {width : clientWidth-28});
$ ( ". Layout-Button-Right"). 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", 텍스트);
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;
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 (입력);
var t = input.val ();
input.val ( ""). focus (). val (t);
// input.focus ();
// 6, 清除点击事件
td.unbind ( "클릭");
}
함수 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 = ''onclick = 'deletprep (this)'> color = 'red'> "+"删除 "+"</font> </td> </tr> ");
테이블. Append (tr);
}
함수 deletetr (tdobject) {
var td = $ (tdobject);
td.parents ( "tr"). 제거 ();
}