baozhangfang/WebRoot/WEB-INF/jsp/checkHouse/checkHouseList.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="../../common/include.jsp" />
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>

<script type="text/javascript"><!--
	
	/**用户显示区*/
	$(function() {		
		$('#checkHouseDataGrid').datagrid({
				rownumbers:true,
				fit:true,
				pageSize:20,
				pageList : [ 10, 20, 30, 40, 50 ],
				fitColumns:false,
				border:false,
				sortOrder:'desc',
				pagination:true,
				idField:'id',
				url:whzl.basePath + '/checkHouseAction_checkHouseList',
				toolbar:'#searchtool',
				checkOnSelect:true,
				selectOnCheck:true,
				nowrap:true,
				rowStyler:function(index,row){
					if(row.isLock == '1'){
						return 'background-color:pink;color:blue;font-weight:bold;';
					}
				},
				loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
		});

	});
	
	
	/**查询*/
	function searchFun(){
		$("#checkHouseDataGrid").datagrid("load", {
			 "checkHouse.name":$("#tblQuery").find("input[id='name']").val(),
             "checkHouse.idCard":$("#tblQuery").find("input[id='idCard']").val()
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
	
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=checkHouseDetails(" + row.id +") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var checkHouseDetails = function(id){
		$("#detailDialog").dialog({
			buttons : [{
				text : '确定', 
				iconCls : 'icon-ok', 
				handler : function(){ 
					$("#detailDialog").dialog("close");
				}
			}],
			onLoad : function(){
				checkHouseDetail_load(id);
			}
		});
	};
	
	var dateFormatter = function(value , row , index){
		return dealDate(value);
	}
	function add(){
		$("#addDialog").dialog({
			buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
				    add_submit();
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#addDialog").dialog("close");
                }
            }],
            onLoad : function(){
            }
		})
	}
	
	
	var uploadPngFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=uploadPng(" + row.id +") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var uploadPng = function(id){
		window.location.href =  whzl.basePath+"/checkHouseAction_uploadPng?checkHouse.id="+id;
	};
	
	printAllFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/images/printer.png' title='查看详情' onclick=printAll(" + row.id +") style='cursor:pointer' />";
	};
	function printAll(id){
		window.open(whzl.basePath+"/checkHouseAction_toPrint?checkHouseId="+id);
	}
--></script>

<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<div id="searchtool" data-options="region:'north' , border:false">
			<div class="clear"></div>
			<table id="tblQuery" style="width:100%;">
				<tr>
					<td align="right" ><span>姓名</span></td><td style="width: 10%;"><input id="name" name="checkHouse.name" type="text" style="width: 100px;"/></td>
					<td align="right"><span>身份证号</span></td><td style="width: 10%;"><input id="idCard" name="checkHouse.idCard" type="text" style="width: 140px;"/></td>
					
					
					<td align="left">
						<a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
						<a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
					    <a href="javascript:add();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a>
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="checkHouseDataGrid">
			<thead>
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'name',width:80 ">姓名</th>
            		<th data-options="field:'idCard',width:140">身份证号</th>
            		<th data-options="field:'houseAddress',width:210">房屋地址</th>
            		<th data-options="field:'houseArea',width:80">房屋面积</th>
            		<th data-options="field:'houseLibrary',width:120">库类型</th>
            		<th data-options="field:'entryPerson',width:80">推送人</th>
            		<th data-options="field:'entryDate',width:80,formatter:dateFormatter">推送时间</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详细</th>
            		<th data-options="field:'uploadPng',align:'center',width:60,formatter:uploadPngFormatter">下载图片</th>
            		<th data-options="field:'printAll',align:'center',width:60,formatter:printAllFormatter">打印所有</th>
            		
        		</tr>  
    		</thead>
		</table>
		
	</div>
</div>
<div id="detailDialog" data-options="title:'&nbsp;详细信息',iconCls:'icon-details',width:800,height:400,modal:true,href:'<%=basePath %>/checkHouseAction_toCheckHouseDetail'">
</div>
<div id="addDialog" data-options="title:'&nbsp;查询信息',iconCls:'icon-add',width:800,height:400,modal:true,href:'<%=basePath %>/checkHouseAction_toCheckHouseAdd'">
</div>
<script type="text/javascript">
<!--
	parent.$.messager.progress('close');
//-->
</script>