baozhangfang/WebRoot/WEB-INF/jsp/chooseHouse/chooseHouseInfoList.jsp

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

<script type="text/javascript">
	var chooseHouseId = null;
	
	//加载装修房源信息
	var chooseHouseInfo_load = function(id){
		chooseHouseId = id;
		$('#chooseHouseInfoDataGrid').datagrid({
			rownumbers:true,
			fit:true,
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			nowrap:true,
			url:whzl.basePath + '/chooseHouseAction_chooseHouseInfoList?chooseHouse.id=' + id,
			toolbar:'#searchtoolChooseHouseInfo',
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					return ;
				}							
			}
		});
	}
	
	//添加房源	
	var addHouse = function(){
		$('#addHouse').dialog(
			{
				buttons : [
					{
						text : '提交', 
						iconCls : 'icon-ok', 
						handler : function(){
							var houseIds = house_select_submit();
							$.ajax({
							    type: "post",//使用post方法访问后台
							    dataType: "json",//返回json格式的数据
							    url: "chooseHouseAction_addChooseHouseInfo",//要访问的后台地址
							    data:{"chooseHouse.id":chooseHouseId ,"houseIds":houseIds },
							    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
							    success: function(msg){//msg为返回的数据，在这里做数据绑定
							    	if(msg.success){
							    		$('#chooseHouseInfoDataGrid').datagrid("reload");
							    	}
							    }
							});
							$("#addHouse").dialog("close");
						}
					},
					{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#addHouse").dialog("close");
						}
					}
				],
				onLoad : function(){
					$.ajax({
					    type: "post",//使用post方法访问后台
					    dataType: "json",//返回json格式的数据
					    url: "chooseHouseAction_chooseHouseInfoList",//要访问的后台地址
					    data:{"chooseHouse.id":chooseHouseId},
					    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
					    success: function(msg){//msg为返回的数据，在这里做数据绑定
					    	if(msg.success){
					    		house_select_load('&house.decorationState=1');
					    	}
					    }
					});
				}
			}
		);
	
	
	}
	
	/**小区名称*/
	var communityNameFormatter = function(value , row , index){
		return row.house.communityName ;
	};
	
	/**居住地点*/
	var addressFormatter = function(value , row , index){
		return row.house.address ;
	};
	
	/**房号*/
	var houseNumberFormatter = function(value , row , index){
		return row.house.houseNumber ;
	};
	
	/**面积*/
	var areaFormatter = function(value , row , index){
		return row.house.area ;
	};
	
	/**删除*/
	var delChooseHouseInfoFormatter = function(value , row , index){
		return "<img src='" + whzl.basePath +"/images/edit_remove.png' title='删除' onclick=deleteChooseHouseInfoRow(" + row.id + ") style='cursor:pointer' />";
	};
	
	
	var deleteChooseHouseInfoRow = function(id){
		$.messager.confirm('删除提示', '确定删除这条记录吗？', function(r){
			if (r){
				$.ajax({
		            type: "post",//使用get方法访问后台
		            dataType: "json",//返回json格式的数据
		            url: "chooseHouseAction_deleteChooseHouseInfo",//要访问的后台地址
		            data: "chooseHouseInfo.id="+id,//要发送的数据
		            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		            success: function(msg){//msg为返回的数据，在这里做数据绑定
		            	if(msg.success){
		            		$.messager.alert('提示','删除成功！');
		            		$('#chooseHouseInfoDataGrid').datagrid('reload');
		            	}else{
		            		$.messager.alert('提示',msg.message);
		            	}
		            }
			 	});
			}
		});
	}
</script>
	<div class="easyui-layout" data-options="fit:true,border:false">
		<div data-options="region:'center',border:false">
			<div id="searchtoolChooseHouseInfo" data-options="region:'north', border:false">
				<table class="mytable" style="width: 100%;" >
					<tr>
						<th style="border: 0px;">
							添加配租方案房源<a href="javascript:addHouse();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增房源</a>
						</th>
					</tr>
				</table>
			</div>
			<table id="chooseHouseInfoDataGrid" >
	        	<thead>  
	        		<tr>
	        			<th data-options="field:'communityName',width:100,formatter:communityNameFormatter">小区名称</th>
	            		<th data-options="field:'address',width:200,formatter:addressFormatter">居住地点</th>
	            		<th data-options="field:'houseNumber',width:40,formatter:houseNumberFormatter">房号</th>
	            		<th data-options="field:'area',width:60,formatter:areaFormatter">面积</th>
	            		<th data-options="field:'delete',align:'center',width:38,formatter:delChooseHouseInfoFormatter">删除</th>
	        		</tr>  
	    		</thead>
			</table>
		</div>
	</div>