baozhangfang/WebRoot/WEB-INF/jsp/yaohao/yaohaoItemSelectList.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<script>

	//摇号结果状态
	var yaohaoItemStateObj = null;

	var yaohaoItemState_array = null;

	/**小区名称*/
	var  yaohaoItem_communityNameFormatter = function(value , row , index){
		if(row.house !=null){
			return row.house.communityName ;
		}else{
			return "";
		}
	};
	
	/**居住地点*/
	var  yaohaoItem_addressFormatter = function(value , row , index){
		if(row.house !=null){
			return row.house.address ;
		}else{
			return "";
		}
	};
	
	/**房号*/
	var  yaohaoItem_houseNumberFormatter = function(value , row , index){
		if(row.house !=null){
			return row.house.houseNumber ;
		}else{
			return "";
		}
	};
	
	/**面积*/
	var yaohaoItem_areaFormatter = function(value , row , index){
		if(row.house !=null){
			return row.house.area ;
		}else{
			return "";
		}
	};
	
	/**人员名称*/
	var yaohaoItem_nameFormatter = function(value , row , index){
		if(row.securityPerson !=null){
			return row.securityPerson.name ;
		}else{
			return "";
		}
	};
	
	/**身份证号*/
	var yaohaoItem_idCardFormatter = function(value , row , index){
		if(row.securityPerson !=null){
			return row.securityPerson.idCard ;
		}else{
			return "";
		}
	};
	

	var select_load = function(){
	
	
		//摇号结果状态
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"yaohaoItemState" ,"aa10.name":"摇号结果状态" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		yaohaoItemStateObj = msg.obj.rows;
		    		var select_arr = [];
					var data = yaohaoItemStateObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					yaohaoItemState_array = select_arr.join("");
					$("#yaohaoItemState_selectList").append(yaohaoItemState_array);
		    	}
		    }
		});
	
	
		$('#yaohaoItemSelectDataGrid').datagrid({
			rownumbers:true,
			fit:true,
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			toolbar:'#searchtoolHouse',
			url:whzl.basePath + '/yaohaoAction_listYaohaoItemByYaohaoId',
			checkOnSelect:true,
			selectOnCheck:true,
			singleSelect:true,
			nowrap:true,
			rowStyler:function(index,row){
				if(row.yaohaoItemState == 2){
					return 'background-color:green;';
				}
			},
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					return ;
				}							
			}
		});
 
	}
	
	/**查询*/
	function yaohaoItemSearchFun(){
		var params = encodeURI("yaohaoItem.house.address="+trim($('#houseAddress_selectList').val())+
				 				"&yaohaoItem.securityPerson.name="+trim($('#securityPersonName_selectList').val()) + 
				 				"&yaohaoItem.securityPerson.idCard="+trim($('#securityPersonIdCard_selectList').val()) + 
				 				"&yaohaoItem.yaohaoItemState="+$('#yaohaoItemState_selectList').val() 
				 				);
		$('#yaohaoItemSelectDataGrid').datagrid({url:whzl.basePath + '/yaohaoAction_listYaohaoItemByYaohaoId?a=1&'+params});
	}
	
	
	/*清除查询条件**/
    function yaohaoItemClearQuery() {
        $("#tblQuery1").find("input").val("");
        $("#tblQuery1").find("select").val("-1");
    }
	
	
	var select_submit = function(){
		var selectedItems = $('#yaohaoItemSelectDataGrid').datagrid('getSelections');
		var ids = [];
		$.each(selectedItems,function(index,item){
			ids.push(item.id);
		})
		if(ids.length==0){
			$.messager.alert("警告","请选择至少一条记录！");
			return;
		}
		var idsStr  = ids.join(",");
		return idsStr;
	}
		
</script>

<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		
		<div id="searchtoolHouse" data-options="region:'north',border:false">
			<div class="clear"></div>
			<table id="tblQuery1" style="width:100%;">
				<tr>
					<td align="right" style="width: 70px;">
						<span>租房人名称</span>
					</td>
					<td style="width: 120px;">
						<input id="securityPersonName_selectList"  type="text" style="width: 100px;"/>
					</td>
					
					<td align="right" style="width: 70px;">
						<span>租房人身份证号码</span>
					</td>
					<td style="width: 120px;">
						<input id="securityPersonIdCard_selectList"  type="text" style="width: 100px;"/>
					</td>
				</tr>
				<tr>
					<td align="right" style="width: 70px;">
						<span>租房地址</span>
					</td>
					<td style="width: 120px;">
						<input id="houseAddress_selectList"  type="text" style="width: 100px;"/>
					</td>
					<td align="right" style="width: 70px;">
						<span>申请状态</span>
					</td>
					<td style="width: 120px;">
						<select id="yaohaoItemState_selectList" style="width:100px" onchange="yaohaoItemSearchFun();" >
							<option value="">全部</option>
						</select>
						
					</td>
				</tr>
				
				<tr>
					<td align="right" style="width: 70px;">
					</td>
					<td style="width: 120px;">
						<span >新建人员</span>
						<span style="background-color:green;">续租人员</span>
					</td>
					
					<td  colspan="2">
						<a href="javascript:yaohaoItemSearchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
						<a href="javascript:yaohaoItemClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
					</td>
				</tr>
				
			</table>
			<div class="clear"></div>
		</div>
		
	
		<table id="yaohaoItemSelectDataGrid" >
			<thead frozen="true">
				<tr><th data-options="field:'id',checkbox:true,width:30">ID</th>
				</tr>
			</thead>
        	<thead>  
        		<tr>
            	    <th data-options="field:'name',align:'center',sortable:true,width:80,formatter:yaohaoItem_nameFormatter">姓名</th>
            	    <th data-options="field:'idCard',align:'center',sortable:true,width:180,formatter:yaohaoItem_idCardFormatter">身份证<br/>号码</th>
        			<th data-options="field:'communityName',width:100,formatter:yaohaoItem_communityNameFormatter">小区名称</th>
            		<th data-options="field:'address',width:200,formatter:yaohaoItem_addressFormatter">居住地点</th>
            		<th data-options="field:'houseNumber',width:40,formatter:yaohaoItem_houseNumberFormatter">房号</th>
            		<th data-options="field:'area',width:60,formatter:yaohaoItem_areaFormatter">面积</th>
        		</tr>  
    		</thead>
		</table>
	</div>
</div>