<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmSubmitJsonDataTest.aspx.cs"
|
Inherits="CY.WebForm.frmSubmitJsonDataTest" %>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head runat="server">
|
<title>字典表数据维护</title>
|
<!-- <script type="text/javascript" src="js/jquery-1.5.1.js"></script>-->
|
<!--框架必需start-->
|
<script src="libs/js/jquery.js" type="text/javascript"></script>
|
<script src="libs/js/framework.js" type="text/javascript"></script>
|
<link href="libs/css/import_basic.css" rel="stylesheet" type="text/css" />
|
<link id="skin" rel="stylesheet" type="text/css" prepath="../../" />
|
<link id="customSkin" rel="stylesheet" type="text/css" />
|
<!--框架必需end-->
|
<script src="js/utils/sM.js" type="text/javascript"></script>
|
<link href="css/sM.css" rel="stylesheet" type="text/css" />
|
<style type="text/css">
|
#tb_content
|
{
|
width: 90%;
|
}s
|
.td_viewLeft
|
{
|
width: 220px;
|
}
|
select
|
{
|
width: 200px;
|
}
|
.td_viewCenter
|
{
|
width: 140px;
|
vertical-align: top;
|
}
|
.td_viewRight
|
{
|
vertical-align: top;
|
}
|
#div_edit, #span_hide
|
{
|
display: none;
|
}
|
</style>
|
<script type="text/javascript">
|
$(document).keydown(function () { alert(1); });
|
$(document.body).focus(function () { alert(2); });
|
// $(function () { document.write(document.getElementById('skin').href) });
|
/*
|
保存(新增/修改)
|
*/
|
function Save(id) {
|
var isNew = !id;
|
CallServer({ Target: "SaveDictionary", RequestParams: GetData(isNew) });
|
|
|
}
|
/*
|
删除
|
*/
|
function Delete() {
|
if (confirm("是否删除选中数据？"))
|
CallServer({ Target: "DeleteDictionaryById", id: document.getElementById("txtId").value });
|
}
|
/*
|
通知服务器执行操作
|
*/
|
function CallServer(operate) {
|
jQuery.ajax({
|
url: "frmSubmitJsonDataTest.aspx",
|
type: "POST",
|
method: 'post',
|
dataType: "html",
|
data: operate,
|
global: false,
|
cache: false,
|
success: function (data, textStatus) {
|
var isWin = false;
|
alert(isWin = ('1' == data) ? "操作成功！" : "操作失败！");
|
if (isWin) RefreshData();
|
},
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
alert("错误");
|
}
|
});
|
}
|
/*
|
从表单中获取数据
|
params:
|
isAdd:是否新增
|
*/
|
function GetData(isAdd) {
|
|
return "{Name:'" +
|
document.getElementById('txtName').value + "',DicType:'" +
|
document.getElementById('txtDataType').value + "',Remark:'" +
|
document.getElementById('txtRemark').value +
|
(
|
isAdd ? "" : ("',Keyid:'" + document.getElementById('txtId').value)
|
) +
|
"'}";
|
}
|
|
/*
|
加载选中数据
|
params:
|
sel:当前操作的Select标签
|
*/
|
function LoadSelectedData(sel) {
|
if (!sel.value) return;
|
try {
|
window.CurrentObject = eval("[" + sel.value + "]")[0];
|
SetDataToForm(window.CurrentObject);
|
|
} catch (e) {
|
|
}
|
|
}
|
/*
|
设置值到表单
|
*/
|
function SetDataToForm(data) {
|
if (!data) return;
|
|
document.getElementById('txtName').value = data.Name;
|
document.getElementById('txtDataType').value = data.DicType;
|
document.getElementById('txtRemark').value = data.Remark;
|
document.getElementById('txtId').value = data.Keyid;
|
}
|
/*
|
新增
|
*/
|
function New() {
|
SetDataToForm({
|
Name: '',
|
DicType: document.getElementById('ddlDateType').value,
|
Remark: '',
|
Keyid: ''
|
});
|
|
ChangeVisible();
|
}
|
|
/*
|
编辑
|
*/
|
function Edit() {
|
|
LoadSelectedData(document.getElementById('selData'));
|
ChangeVisible(false);
|
}
|
function ChangeVisible(isHide) {
|
|
$("#div_edit").css('display', isHide ? 'none' : 'block');
|
|
}
|
function ResetForm() {
|
SetDataToForm(window.CurrentObject);
|
}
|
function RefreshData() {
|
try {
|
Edit(true);
|
document.getElementById('btnRefresh').click()
|
} catch (e) {
|
alert("数据刷新失败，请手动刷新页面！");
|
}
|
|
}
|
</script>
|
<style type="text/css">
|
#selData{ height:100px;}
|
</style>
|
</head>
|
<body >
|
<form id='form1' runat="server">
|
<asp:ScriptManager ID="ScriptManager1" runat="server">
|
</asp:ScriptManager>
|
<div>
|
<table id="tb_content">
|
<tr>
|
<td class='td_viewLeft'>
|
<asp:UpdatePanel runat="server" ID="sssPanel1">
|
<ContentTemplate>
|
<span id="span_hide">
|
<asp:Button runat="server" ID="btnRefresh" />
|
</span>
|
<div>
|
<asp:DropDownList runat="server" keepdefaultstyle="true" ID="ddlDateType">
|
</asp:DropDownList>
|
</div>
|
<select id="selData" name="selData" size="10" keepdefaultstyle="true" onchange="LoadSelectedData(this)" style=" height:100px;">
|
<asp:Repeater runat="server" ID="rptData">
|
<ItemTemplate>
|
<option title='最后修改时间：<%#Eval("LastUpdateTime","{0:yyyy-MM-dd HH:mm:ss}") %>;修改人：<%#Eval("Operator") %>'
|
value="{
|
Name:'<%#Eval("Name") %>',
|
DicType:'<%#Eval("DicType") %>',
|
Remark:'<%#Eval("Remark") %>',
|
Keyid:'<%#Eval("Keyid") %>'
|
}">
|
<%#Eval("Name") %></option>
|
</ItemTemplate>
|
</asp:Repeater>
|
</select>
|
</ContentTemplate>
|
</asp:UpdatePanel>
|
</td>
|
<td class="td_viewCenter">
|
<div>
|
<input type="button" value="新增" onclick="New()" /></div>
|
<div>
|
<input type="button" value="编辑" onclick="Edit()" /></div>
|
<div>
|
<input type="button" value="删除" onclick="Delete()" /></div>
|
</td>
|
<td class="td_viewRight">
|
<div id="div_edit">
|
<table>
|
<tr>
|
<td>
|
名称<input id='txtId' type='hidden' value='' />
|
</td>
|
<td>
|
<input id='txtName' value='' maxlength='200' />
|
</td>
|
</tr>
|
<tr>
|
<td>
|
类型
|
</td>
|
<td>
|
<input id='txtDataType' value='' maxlength='50' />
|
</td>
|
</tr>
|
<tr>
|
<td>
|
备注
|
</td>
|
<td>
|
<input id='txtRemark' value='' maxlength='200' />
|
</td>
|
</tr>
|
<tr>
|
<td colspan='2'>
|
<input type="button" value='保 存' onclick="Save(document.getElementById('txtId').value)" />
|
|
<input type='button' value='重 置' onclick="ResetForm()" />
|
|
<input type='button' value='清 空' onclick="SetDataToForm({Name: '',DicType: '',Remark: '',Keyid: ''});" />
|
</td>
|
</tr>
|
</table>
|
</div>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</form>
|
</body>
|
</html>
|
