<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<BTCDH.Models.BTCDH_ContryInfo>" %><!DOCTYPE html><html><head runat="server"> <title>countryadmin</title>
<script src="../../Content/jquery-easyui/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="../../Content/jquery-easyui/jquery.easyui.min.js" type="text/javascript"></script>
<link href="../../Content/jquery-easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../../Content/jquery-easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../../Content/jquery-easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head><body>
<div>
<table id="dg" title="My Users" class="easyui-datagrid" style="width:auto;height:auto"
url="get_users.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th data-options="field:'ck',checkbox:true"></th>
<th data-options="field:'CID',width:200"></th>
<th data-options="field:'ENJianChen',width:200">英文简称</th>
<th data-options="field:'CName',width:200">中文</th>
<%--<th data-options="field:'ENName',width:200">繁体</th>--%>
<th data-options="field:'ENName',width:200">英文</th>
<th data-options="field:'RiWen',width:200">日文</th>
<th data-options="field:'FaWen',width:200">法文</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">添加</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">编辑</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">删除</a>
</div>
<div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">User Information</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>英文简称:</label>
<input name="jc" class="easyui-validatebox" required="true" value="<%ENJianChen %>">
</div>
<div class="fitem">
<label>中文:</label>
<input name="cname" class="easyui-validatebox" required="true" value="<%CName %>">
</div>
<%--<div class="fitem">
<label>繁体:</label>
<input name="phone">
</div> --%>
<div class="fitem">
<label>英文:</label>
<input name="ename" value="<%ENName %>">
</div>
<div class="fitem">
<label>日文:</label>
<input name="rname" value="<%RiWen %>">
</div>
<div class="fitem">
<label>法文:</label>
<input name="fname" value="<%FaWen %>">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>
</div>
<script type="text/javascript">
var url;
function newUser() {
$('#dlg').dialog('open').dialog('setTitle', 'New User');
$('#fm').form('clear');
}
function editUser() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$('#dlg').dialog('open').dialog('setTitle', 'Edit User');
$('#fm').form('load', row);
}
}
function saveUser() {
$('#fm').form('submit', {
url: url,
onSubmit: function () {
return $(this).form('validate');
},
success: function (result) {
var result = eval('(' + result + ')');
if (result.errorMsg) {
$.messager.show({
title: 'Error',
msg: result.errorMsg
});
} else {
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
}
}
});
}
function destroyUser() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$.messager.confirm('Confirm', 'Are you sure you want to destroy this user?', function (r) {
if (r) {
$.post('destroy_user.php', { id: row.id }, function (result) {
if (result.success) {
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.errorMsg
});
}
}, 'json');
}
});
}
}
</script>
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
</style>
</div>
</body>
</html>MVCASP.NET
<script src="../../Content/jquery-easyui/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="../../Content/jquery-easyui/jquery.easyui.min.js" type="text/javascript"></script>
<link href="../../Content/jquery-easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../../Content/jquery-easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../../Content/jquery-easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head><body>
<div>
<table id="dg" title="My Users" class="easyui-datagrid" style="width:auto;height:auto"
url="get_users.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th data-options="field:'ck',checkbox:true"></th>
<th data-options="field:'CID',width:200"></th>
<th data-options="field:'ENJianChen',width:200">英文简称</th>
<th data-options="field:'CName',width:200">中文</th>
<%--<th data-options="field:'ENName',width:200">繁体</th>--%>
<th data-options="field:'ENName',width:200">英文</th>
<th data-options="field:'RiWen',width:200">日文</th>
<th data-options="field:'FaWen',width:200">法文</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">添加</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">编辑</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">删除</a>
</div>
<div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">User Information</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>英文简称:</label>
<input name="jc" class="easyui-validatebox" required="true" value="<%ENJianChen %>">
</div>
<div class="fitem">
<label>中文:</label>
<input name="cname" class="easyui-validatebox" required="true" value="<%CName %>">
</div>
<%--<div class="fitem">
<label>繁体:</label>
<input name="phone">
</div> --%>
<div class="fitem">
<label>英文:</label>
<input name="ename" value="<%ENName %>">
</div>
<div class="fitem">
<label>日文:</label>
<input name="rname" value="<%RiWen %>">
</div>
<div class="fitem">
<label>法文:</label>
<input name="fname" value="<%FaWen %>">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>
</div>
<script type="text/javascript">
var url;
function newUser() {
$('#dlg').dialog('open').dialog('setTitle', 'New User');
$('#fm').form('clear');
}
function editUser() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$('#dlg').dialog('open').dialog('setTitle', 'Edit User');
$('#fm').form('load', row);
}
}
function saveUser() {
$('#fm').form('submit', {
url: url,
onSubmit: function () {
return $(this).form('validate');
},
success: function (result) {
var result = eval('(' + result + ')');
if (result.errorMsg) {
$.messager.show({
title: 'Error',
msg: result.errorMsg
});
} else {
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
}
}
});
}
function destroyUser() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$.messager.confirm('Confirm', 'Are you sure you want to destroy this user?', function (r) {
if (r) {
$.post('destroy_user.php', { id: row.id }, function (result) {
if (result.success) {
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.errorMsg
});
}
}, 'json');
}
});
}
}
</script>
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
</style>
</div>
</body>
</html>MVCASP.NET
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货