PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
							<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>基本表格模板</title>
<!--框架必需start-->
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
<script type="text/javascript" src="../../libs/js/framework.js"></script>
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->

<!--数据表格start-->
<script src="../../libs/js/table/quiGrid.js" type="text/javascript"></script>
<!--数据表格end-->

<!--表单异步提交start-->
<script src="../../libs/js/form/form.js" type="text/javascript"></script>
<!--表单异步提交end-->
</head>
<body>
<div class="box2" panelTitle="查询用户" id="searchPanel">
	<form action="../../getUsersOfPager.action" id="queryForm" method="post">
		<input type="hidden" id="parentId" name="parentId" value="1"/>
		<table>
			<tr>
				<td>姓名：</td>
				<td>
					<input type="text" id="searchInput" name="userinfor.userName" />
					<input type="text" style="width:2px;display:none;"/>
				</td>
				<td><button type="button" onclick="searchHandler()"><span class="icon_find">查询</span></button></td>
				<td><button type="button" onclick="resetSearch()"><span class="icon_reload">重置</span></button></td>
				<td><div class="red">此示例由后台支持</div></td>
			</tr>
		</table>
	</form>
</div>

	<div class="padding_right5">
		<div id="dataBasic"></div>
    </div>

<script type="text/javascript">
 //设定不可编辑的节点id
    var noeditArray = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"];
		

//grid
var grid = null;

function initComplete(){
	//当提交表单刷新本页面时关闭弹窗
	top.Dialog.close();
	
	/*
grid = $("#dataBasic").quiGrid({
		columns:[
			{ display: '姓名', name: 'userName',     align: 'left', width: "20%"},
		    { display: '所属部门', name: 'orgName', 	 align: 'left', width: "20%"},
		    { display: '性别', name: 'userSex', align: 'left', width: "20%"},
		    { display: '入职时间', name: 'userEmployTime', 	 align: 'left',  width:"20%"} ,
		    { display: '学历', name: 'userEducation', 	 align: 'left',  width:"20%"} ,
       		{ display: '操作', isAllowHide: false, align: 'left', width:100,
					 render: function (rowdata, rowindex, value, column){
                 	    return '<div class="padding_top4 padding_left5">'
                                 + '<span class="img_list hand" title="查看" onclick="onView(' + rowdata.userId + ')"></span>'
                                 + '<span class="img_edit hand" title="修改" onclick="onEdit(' + rowdata.userId + ')"></span>' 
                                 + '<span class="img_delete hand" title="删除" onclick="onDelete(' + rowdata.userId+','+rowindex + ')"></span>'
                             + '</div>';
	                 }
	            }
		  ],
	 url: '../../userAction.do?method=getUsers', sortName: 'userId',rownumbers:true,checkbox:true,
    height: '100%', width:"100%",pageSize:10,percentWidthMode:true,
    
     toolbar:{
    	 items:[
    		  {text: '新增', click: addUnit,    iconClass: 'icon_add'},
    		  { line : true },
    		  {text: '批量删除', click: deleteUnit, iconClass: 'icon_delete'},
    		  { line : true },
    		  {text: '导入', click: showImportDialog, iconClass: 'icon_import'},
    		  { line : true },
    		  {text: '导出当前页', click: exportPageData, iconClass: 'icon_export'},
    		  { line : true },
    		  {text: '导出全部', click: exportTotalData, iconClass: 'icon_export'}
    		  
    		]
     	}
	});
*/
	
	//监听查询框的回车事件
	 $("#searchInput").keydown(function(event){
	 	if(event.keyCode==13){
			searchHandler();
		}
	 })
	 
	 $("#searchPanel").bind("stateChange",function(e,state){
		grid.resetHeight();
	});
}

//新增
function addUnit() {
	top.Dialog.open({
			URL:"../../sample_html/unit/user-management-content.html",
			Title:"添加",Width:500,Height:350});
}
//查看
function onView(rowid){
	top.Dialog.open({
		URL:"../../userAction.do?method=getUserDetail&userinfor.userId=" + rowid,
		Title:"查看",Width:500,Height:350});
}

//修改	
function onEdit(rowid){
	if (getPosition(rowid, noeditArray) != -1) {
            top.Dialog.alert("为保证数据的完整性，由管理员添加的数据无法修改或删除。可以为新添加的数据来修改和删除。");
            return false;
        }
	top.Dialog.open({
		URL:"../../userAction.do?method=preUpdate&userinfor.userId=" + rowid,
		Title:"修改",Width:500,Height:350});
}
//删除	
function onDelete(rowid,rowidx){
	if (getPosition(rowid, noeditArray) != -1) {
            top.Dialog.alert("为保证数据的完整性，由管理员添加的数据无法修改或删除。可以为新添加的数据来修改和删除。");
            return false;
        }
	top.Dialog.confirm("确定要删除该记录吗？",function(){
	  	//删除记录
	  	$.post("../../userAction.do?method=deleteUser",
	  			{"ids":rowid},
	  			function(result){
	  				handleResult(result.status);
				},"json");
				//刷新表格
				grid.loadData();
		});
}
	
	
//批量删除
function deleteUnit() {
	 top.Dialog.alert("为保证数据的完整性，演示版中禁用了批量删除。");
        return;
	var rows = grid.getSelectedRows();
	var rowsLength = rows.length;
	
	if(rowsLength == 0) {
		top.Dialog.alert("请选中要删除的记录!");
		return;
	}
	top.Dialog.confirm("确定要删除吗？",function(){
			$.post("../../userAction.do?method=deleteUser",
					//获取所有选中行
					getSelectIds(grid),
					function(result){
						handleResult(result);
					},
					"json");
		});
}
//删除后的提示
function handleResult(result){
	if(result == 1){
		top.Dialog.alert("删除成功！",null,null,null,1);
		grid.loadData();
	}else{
		top.Dialog.alert("删除失败！");
	}
}

//获取所有选中行获取选中行的id 格式为 ids=1&ids=2 
function getSelectId(grid) {
	var selectedRows = grid.getSelectedRows();
	var selectedRowsLength = selectedRows.length;
	var ids = "";
	
	for(var i = 0;i<selectedRowsLength;i++) {
		ids += selectedRows[i].userId + ",";
	}
	return {"ids":ids};
}

//导入
function showImportDialog(){
	top.Dialog.open({Title:"导入用户信息", Message:"请上传excel文件", URL:"../../sample_html/unit/uploadFile.html?type=3",Width:350,Height:130});
}

//导出本页
function exportPageData(){
	exportData(true);
}

//导出全部
function exportTotalData(){
	exportData(false);
}

//导出处理
function exportData(isPage){
	var pageNo = grid.options.page;
	var pagerSize = grid.options.pageSize;;
	var sort = grid.options.sortName;
	var direction = grid.options.sortOrder;
	var parentid = $("#parentId").val();
	var userName = $("#userName").val();
	var url = "../../userAction.do?method=exportData";
	if(isPage){
		url += "&pager.pageSize=" + pagerSize;
		url += "&pager.pageNo=" + pageNo;
		url += "&sort=" + sort;
		url += "&direction=" + direction;
		url += "&isPage=1";
	}else{
		url += "&isPage=0";
	}
	url += "&parentId=" + parentid;
	url += "&userinfor.userName" + userName;
	
	window.location = url;
}


//查询
function searchHandler(){
	var query = $("#queryForm").formToArray(); 
    grid.setOptions({ params : query});
    //页号重置为1
    grid.setNewPage(1);
    grid.loadData();//加载数据
}

//重置查询
function resetSearch(){
	$("#queryForm")[0].reset();
   $('#search').click();
}

//刷新表格数据并重置排序和页数
function refresh(isUpdate){
	if(!isUpdate){
		//重置排序
    	grid.options.sortName='userId';
    	grid.options.sortOrder="desc";
    	//页号重置为1
		grid.setNewPage(1);
	}
	
	grid.loadData();
}

</script>	
</body>
</html>