<%@ 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