页面文件
复制代码代码如下:
<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">
<جدول المعرف = "i18ntable">
<tr>
<th width = '45 ٪ 'height =' 20px '> مفتاح </th>
<th width = '45 ٪ 'height =' 20px '> value </th>
<th width = '5 ٪' height = '20px'> value </th>
</r>
</table>
</div>
<div id = "addtrdiv">
<a href = "#" iconcls = "icon-add" onClick = "Addtr ()"> <span key = "ss"> 添加行 </span> </a>
</div>
<viv>
<griding>
<tr>
<td align = center> <a href = "#" iconcls = "icon-ok" onClick = "SaveI18NINFO ()"> <span key = "save"> 保存 </af> </a> </td>
</r>
</table>
</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 () ؛
لـ (var i = 1 ؛ i <trs.length ؛ i ++) {
var tds = trs.eq (i) .Children () ؛
لـ (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 ؛
/**
* ： ： 页面自适应
*/
$ (نافذة) .bind ("تغيير الحجم" ، الدالة () {
Resizelayout () ؛
}) ؛
وظيفة resizelayout () {
يحاول{
ClientWidth = document.documentElement.ClientWidth ؛
var div_left_width = $ ("#left"). width ()+11 ؛
$ ("#cc"). التصميم ("تغيير الحجم") ؛
$ ('#userQuery'). لوحة ('Resize' ، {width: clientwidth-div_left_width}) ؛
$ ('#10100801'). dataGrid ('Resize' ، {width: clientwidth-div_left_width}) ؛
$ ('#userrange'). comboBox ({
العرض: $ ('#right'). width () * 0.35
}) ؛
} catch (e) {
}
}
وظيفة بدء () {
// 自动适应页面大小
$ (". تخطيط بوتون-اليسار"). ربط ("انقر" ، دالة () {
$ ('#userQuery'). لوحة ('Resize' ، {width: clientwidth-28}) ؛
$ ('#10100801'). dataGrid ('Resize' ، {width: clientwidth-28}) ؛
$ (". التصميم-بوتور-اليمين"). ربط ("انقر" ، دالة () {
$ ('#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 = $ ("<pection>") ؛
// 4 ， 设置文本框的值是保存起来的文本内容
input.attr ("القيمة" ، النص) ؛
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 (وظيفة (الحدث) {
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 (إدخال) ؛
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 = 'center' onclick = 'deletetr (this) color = 'red'> "+" 删除 "+" </font> </td> </tr> ") ؛
Table.Append (tr) ؛
}
دالة حذف (tdobject) {
var td = $ (tdobject) ؛
td.parents ("tr"). إزالة () ؛
}