练手代码714

最新推荐文章于 2024-05-21 18:11:13 发布

银色亡灵

最新推荐文章于 2024-05-21 18:11:13 发布

阅读量168

点赞数

分类专栏： liuyongqi 文章标签： html

本文链接：https://blog.csdn.net/LYQ2332826438/article/details/81048188

版权

liuyongqi 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>账号管理</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/easyui/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/easyui/themes/icon.css">   
<script type="text/javascript" src="${pageContext.request.contextPath }/easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/easyui/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">

$(function(){	
	$("#c1").layout({
		fit:true
		
		
	});
	createdatagrid();
	$('#btn1').linkbutton({   		
		onClick:function(){				
			createdatagrid();
		}   
	}); 
	function createdatagrid(){
		var value=$("#searchName1").val();
		//alert(value);
		$('#dg1').datagrid({    
		    url:'userRoleAction.action?MethodName=getAllUserRole&searchName='+value,    
		    fitColumns:true,
		    /* header:'<header>账号管理</header>', */
		    columns:[[    
		    	{field:'userid',title:'编号',width:100,checkbox:true},
		        {field:'realname',title:'姓名',width:100},    
		        {field:'username',title:'用户名',width:100},    
		        {field:'user_discribe',title:'用户描述',width:100},
		        {field:'role_name',title:'角色名称',width:100},
		        {field:'user_register',title:'注册时间',width:100},
		        {field:'user_state_name',title:'角色状态',width:100,style:'text-align: center;'}
		    ]],
			pagination:true,
		    pageNumber:1,
		    pageSize:2,
		    pageList:[2,4,6,8,10],
		    toolbar : [{
				iconCls: 'icon-add',
				text : '增加',
				handler: function(){
					alert('增加按钮')	
					/* $('#add').dialog({    
					    title: '增加',    
					    width: 600,    
					    height: 400,    
					    closed: false,    
					    cache: false,    
					    href: 'addBook.jsp',    
					    modal: true ,
					    draggable:false,
					    resizable:false
					}); */
				}
	    	},'-',
	    	{
			iconCls: 'icon-remove',
			text : '删除',
			handler: function(){
				  
				//返回选中的行
				
				/* var arr=[];
				var rows = $('#dg1').datagrid('getSelections');
				if(rows.length>0){
					for(var i=0; i<rows.length; i++){
						if(i<rows.length-1){
							arr+=rows[i].book_id+",";
						}else{
							arr+=rows[i].book_id;
						}
						
					}
					alert(arr);
					$.messager.confirm('提示','您确认要删除选中的记录吗？', function(r){    
					    if (r){
					    	
					    	$.ajax({
								url:"../bookAction.action?MethodName=delBook&type=1&arr="+arr,
								dataType:"json",
								type:"post",
								data:{'arr':arr}, 
								success:function(data){
									createDatagrid(s);
								}
							});    
					    }    
					});
				}else{
					$.messager.alert('提示','您未选中要删除的记录');
				} */								
				
			}
		},'-',{
			iconCls: 'icon-edit',
			text : '编辑',
			handler: function(){
				alert('编辑按钮')
				/* var arr=[];
				var rows = $('#dg1').datagrid('getSelections');
				if(rows.length>1){
					$.messager.alert('提示','您选中的行太多');
					return;
				}else if(rows.length<1){
					$.messager.alert('提示','请选择要编辑的数据');
					return;
				}	
				$('#dd').dialog({    
				    title: '修改',    
				    width: 600,    
				    height: 400,    
				    closed: false,    
				    cache: false,    
				    href: '../bookAction.action?MethodName=editBook&type=1&book_id='+rows[0].book_id,    
				    modal: true ,
				    draggable:false,
				    resizable:false
				}); */
			}
		}]
				
		
		
		});
	}  

	
});

</script>
</head>
<body>
<div id="c1" class="easyui-layout" style="width:600px;height:400px;">   
    <div data-options="region:'north',title:'账号管理'" style="height:80px;">
    	<form id="f1" method="post" style="margin-top:15px; text-align: center;">    
		    <span>   
		        <label for="searchName1">姓名</label>   
		        <input id="searchName1" type="text" name="searchName1" style="width: 150px"/> 
		    </span>     
		    <span>
		    	<label for="user_state">状态</label>   
		        <select name="user_state" style="width: 150px">
		        	<option value="0" >停用</option>
		        	<option value="1" >启用</option>
		        </select>
		    </span>     
		    	<a id="btn1" href="javascript:void(0)" class="easyui-linkbutton"data-options="iconCls:'icon-search'">搜索</a>    
		</form>
    
    </div>   

    <div data-options="region:'center',title:'账号管理'" style="background:#eee;">
    	<table id="dg1"></table>
    	<div id="dd"></div> 
    	<div id="add"></div>
    </div>   
</div> 
</body>
</html>

银色亡灵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
练手代码714

&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt
复制链接

扫一扫