116 lines
3.5 KiB
HTML
116 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
|
<link href="/jscss/style.css" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" charset="utf-8" src="/jscss/theme.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<form class="search" onsubmit="table.search(this,'btn');return false;">
|
|
<div>
|
|
<div class="sinps"></div>
|
|
<div class="sbtns">
|
|
<button class="lang btn" type="submit">查询</button>
|
|
<a class="lang btn def" onclick="pagehelp()">帮助</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="table">
|
|
<div class="loading col-24">Loading...</div>
|
|
<div class="list"></div>
|
|
<div>
|
|
<div class="btmbtn">
|
|
<a class="lang btn def" onclick="ciyfn.select_all(table)">全选</a>
|
|
<a class="lang btn def" onclick="ciyfn.select_diff(table)">反选</a>
|
|
|
|
|
<a class="lang btn dag" onclick="ciyfn.select_callfunc(table, this,'del','已选{n}条,确认是否删除?',{},function(json){table.delline(json)})">批量删除</a>
|
|
</div>
|
|
<div class="page"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="alert_pagehelp" style="display:none;">
|
|
<b>调用方法</b>
|
|
<div style="margin: 0 0 1em 1em;">
|
|
getconfig/setconfig函数调用。<br />
|
|
在admin/common.*中封装。<br />
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="/jscss/ciy.js"></script>
|
|
<script type="text/javascript" src="/jscss/ciytable.js"></script>
|
|
<script type="text/javascript" src="../common.js"></script>
|
|
<script type="text/javascript">
|
|
'use strict';
|
|
var table;
|
|
ciyfn.pageload(function () {
|
|
$5(document).on('keydown', function (e) {
|
|
if (e.ctrlKey && e.keyCode == 83) {//Ctrl+S
|
|
e.preventDefault();
|
|
var upbtns = $5('.upbtn:not(.def)');
|
|
upbtns.each(function (dom) {
|
|
menubtn(dom, 'edit');
|
|
}, 0.5);
|
|
}
|
|
});
|
|
table = new ciyclass.table({
|
|
dom: '.table'
|
|
, url: 'init'
|
|
, pagecount: 10
|
|
, fn_beforedata: function (json) {
|
|
json.list = ciyfn.conv_treerow(json.list, 0, 0);
|
|
ciyfn.fillsearch({
|
|
searchdom: '.search'
|
|
, data: json
|
|
});
|
|
return json;
|
|
}
|
|
, fn_tdcontent: function (key, datashow, field, data) {
|
|
if (key == 'types' || key == 'params') {
|
|
return '<input style="width:100%;" onkeydown="btnset(this)" type="text" name="' + key + '" value="' + datashow + '"/>';
|
|
}
|
|
if (key == '_btn') {
|
|
var html = '';
|
|
if (data['id'] == 0)
|
|
html += '<a class="lang btn def upbtn" onclick="menubtn(this, \'edit\')">新增</a>';
|
|
else
|
|
html += '<a class="lang btn def upbtn" onclick="menubtn(this, \'edit\')">更新</a>';
|
|
return html;
|
|
}
|
|
}
|
|
});
|
|
table.callpage(1);
|
|
});
|
|
function btnset(dom) {
|
|
var domtr = $5(dom).parent('tr');
|
|
$5('.btn.upbtn', domtr).removeClass('def');
|
|
}
|
|
function pagehelp() {
|
|
ciyfn.alert({
|
|
title: '页面帮助'
|
|
, content: document.getElementById("alert_pagehelp").innerHTML
|
|
});
|
|
}
|
|
function menubtn(dom, btn) {
|
|
var trdom = $5(dom).parent('tr');
|
|
var id = trdom.attr('data-id');
|
|
if (btn == 'edit') {
|
|
var postparam = ciyfn.getform(dom, 'TR');
|
|
postparam.id = id;
|
|
ciyfn.callfunc('update', postparam, function (json) {
|
|
$5(dom).addClass('def');
|
|
if (id == 0) {
|
|
$5('input', trdom).val('');
|
|
table.updateline(json);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |