baozhangfang/WebRoot/WEB-INF/jsp/chooseHouse/list.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">
	//选房状态
	var chooseHouseStateObj = null;
	
	var chooseHouseState_array = null;
	
	
	/**小区显示区*/
	$(function() {
		//选房状态
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"chooseHouseState" ,"aa10.name":"选房状态" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		chooseHouseStateObj = msg.obj.rows;
		    		var select_arr = [];
					var data = chooseHouseStateObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					chooseHouseState_array = select_arr.join("");
		    	}
		    }
		});
		
		$.ajax({
			type: "post",
		    dataType: "json",
		    url: "columnSetAction_listColumn?tname=chooseHouse",
		    complete :function(){$("#load").hide();},
		    success: function(msg){
		    	if(msg.success){
		    		setId();
		    		var data = msg.obj;
		    		for(var i = 0;i<data.length;i++){
		    			if("1"==data[i].type){
		    				if(typeof(data[i].formatter)!="undefined"){
		    					data[i].formatter=eval(data[i].formatter);
		    				}
		    				user_columns.push(data[i]);
		    			}else{
		    				user_frozenColumns.push(data[i]);
		    			}
		    		}
		    		columns.push(user_columns);
		    		frozenColumns.push(user_frozenColumns);
		    		
		    		$('#chooseHouseDataGrid').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 + '/chooseHouseAction_list',
						toolbar:'#searchtool',
						checkOnSelect:true,
						selectOnCheck:true,
						singleSelect:true,
						nowrap:true,
						showFooter: true,
		    			columns:columns,
		    			frozenColumns:frozenColumns,
		    			loadFilter:function(result){
		    				if(result.success){
		    					return result.obj;
		    				}else{
		    					$.messager.alert("提示",result.message);
		    					return ;
		    				}							
		    			}
		    		});
		    		toolBar("chooseHouseDataGrid","setChooseHouseDialog","chooseHouse");
		    	}
		    }
		});
		
		/*$('#chooseHouseDataGrid').datagrid({
			rownumbers:true,
			fit:true,
			pageSize:10,
			pageList : [ 10, 20, 30, 40, 50 ],
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			pagination:true,
			idField:'id',
			url:whzl.basePath + '/chooseHouseAction_list',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:false,
			nowrap:true,
			loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
			}
		);*/
	});
	
	/**查询*/
	function searchFun(){
		$("#chooseHouseDataGrid").datagrid("load", {
			 "chooseHouse.title":$("#tblQuery").find("input[id='title']").val()
        });
        $('#chooseHouseDataGrid').datagrid({
			columns:columns,
			frozenColumns:frozenColumns
		});
		toolBar("chooseHouseDataGrid","setChooseHouseDialog","chooseHouse");
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
    
    /**创建人*/
	var createByFormatter = function(value , row , index){
		return row.createUser.fullName; 
	};
	
	/**修改人*/
	var modifiedByFormatter = function(value , row , index){
		if(row.modifiedUser != null){
			return row.modifiedUser.fullName; 
		}
	};
	
	/**状态*/
	var stateFormatter = function(value , row , index){
		var chooseHouseState = "";
		for(var nItem = 0; nItem < chooseHouseStateObj.length; nItem++ ){
    		if(chooseHouseStateObj[nItem].code == value){
    			chooseHouseState = chooseHouseStateObj[nItem].value;
    			break;
    		}
   		}
		return chooseHouseState;
	};
    
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=chooseHouseDetails(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var chooseHouseDetails = function(id){
		$("#detailChooseHouseDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailChooseHouseDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					 $.ajax({
			            type: "post",//使用get方法访问后台
			            dataType: "json",//返回json格式的数据
			            url: "chooseHouseAction_findById",//要访问的后台地址
			            data: "chooseHouse.id="+id,//要发送的数据
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){//msg为返回的数据，在这里做数据绑定
			            	$("#title_detail").text(msg.obj.title);
			            	$("#content_detail").text(msg.obj.content);
			            	$("#businessDate_detail").text(dealDate(msg.obj.businessDate));
		            		$("#businessUserName_detail").text(msg.obj.businessUserName);
		            		$("#decorationName_detail").text(msg.obj.decoration.name);
			            }
					 });
					 
					 $('#chooseHouseInfo_detail').datagrid({
							rownumbers:true,
							border:false,
							sortOrder:'desc',
							url:whzl.basePath + '/chooseHouseAction_chooseHouseInfoList?chooseHouse.id='+id,
							checkOnSelect:true,
							selectOnCheck:false,
							loadFilter:function(result){
								if(result.success){
									return result.obj;
								}else{
									$.messager.alert("提示",result.message);
									return ;
								}							
							}
					});
				}
			}
		);
	};
	
	/**更新*/
	var updateFormatter = function(value , row , index){
		if(row.state == 0){
			return "<img src='<%=basePath%>/images/pencil.png' title='修改' onclick=updateRow(" + row.id + ",'update') style='cursor:pointer' />";
		}
	};
	
	/**更新事件*/
	function updateRow(){
		var row = $('#chooseHouseDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要修改的装修信息！");
		}
		var id = row.id; 
		param='update';
		if(row.state == 0){
			$('#updateChooseHouseDialog').dialog({
				buttons : [{
					text : '提交', 
					iconCls : 'icon-ok', 
					handler : function(){
						var houseIds = "";
						var rows = $("#chooseHouseInfoDataGrid").datagrid("getRows");
						if(typeof(rows) != "undefined"){
							for(var i=0;i<rows.length;i++){
								if (typeof(rows[i].house) != "undefined") {
									houseIds += rows[i].house.id+",";
								}else{
									houseIds += rows[i].id+",";
								}
							}
							if(houseIds != ""){
								houseIds = houseIds.substring(0,houseIds.length - 1);
							}
						}
						$("#houseIds_update").val(houseIds);
						$('#updateChooseHouseForm').form('submit',{
							url : whzl.basePath+'/chooseHouseAction_updateChooseHouse',
							success : function(result){
								var parseResult = $.parseJSON(result);
								if(parseResult.success){
									$("#updateChooseHouseDialog").dialog("close");
									$('#chooseHouseDataGrid').datagrid('reload');
								}else{
									$.messager.alert("提示",parseResult.message);
								}
							}
						});
					}
				},{
					text : '取消', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#updateChooseHouseDialog").dialog("close");
					}
				}],
				onLoad : function(){
					if(param == 'add'){
						$('#tabs_update').tabs('select', $('#tabs_update').tabs('getTabIndex', $('#tabs_update').tabs('getSelected')) + 1);
					}
					
					$.ajax({
				    	type: "post",//使用get方法访问后台
				        dataType: "json",//返回json格式的数据
				        url: "chooseHouseAction_findById",//要访问的后台地址
				        data: "chooseHouse.id="+id,//要发送的数据
				        complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
				        success: function(msg){//msg为返回的数据，在这里做数据绑定
				          	$("#id_update").val(msg.obj.id);
				           	$("#title_update").val(msg.obj.title);
				           	$("#content_update").val(msg.obj.content);
				          	$("#businessDate_update").datebox("setValue", msg.obj.businessDate);
				           	$("#businessUserName_update").val(msg.obj.businessUserName);
				           	$("#decorationId_update").val(msg.obj.decoration.id);
                            $("#decorationName_update").val(msg.obj.decoration.name);
				        }
					 });
					 	
					 chooseHouseInfo_load(id);
					}
			});
		}else{
			$.messager.alert("提示","该装修信息不可修改！");
		}
	}
	
	/**删除*/
	var delFormatter = function(value , row , index){
		if(row.state == 0){
			return "<img src='<%=basePath%>/images/edit_remove.png' title='删除' onclick=deleteRow("+ row.id +") style='cursor:pointer' />";
		}	
	};
	
	/**删除功能*/
	function deleteRow(){
		var row = $('#chooseHouseDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要删除的装修信息！");
		}
		var id = row.id;
		if(row.state == 0){
			$.messager.confirm('删除提示', '确定删除这条记录吗？', function(r){
				if (r){
					$.ajax({
			            type: "post",//使用get方法访问后台
			            dataType: "json",//返回json格式的数据
			            url: "chooseHouseAction_deleteChooseHouse",//要访问的后台地址
			            data: "chooseHouse.id="+id,//要发送的数据
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){//msg为返回的数据，在这里做数据绑定
			            	if(msg.success){
			            		$.messager.alert('提示','删除成功！');
			            		$('#chooseHouseDataGrid').datagrid('reload');
			            		searchFun();
			            	}else{
			            		$.messager.alert('提示','删除失败！');
			            	}
			            }
				 	});
				}
			});
		}else{
			$.messager.alert("提示","该装修信息不可删除！");
		}
	}
	
	/**增加*/
	function add(){
		$('#addChooseHouseDialog').dialog(
				{
					buttons : [
						{
							text : '提交', 
							iconCls : 'icon-ok', 
							handler : function(){
								parent.$.messager.progress({
									title : '提示',
									text : '保存中，请稍后....'
								});
								var houseIds = "";
								var rows = $("#chooseHouseInfoDataGrid1").datagrid("getRows");
								for(var i=0;i<rows.length;i++){
									houseIds += rows[i].id+",";
								}
								if(houseIds != ""){
									houseIds = houseIds.substring(0,houseIds.length - 1);
								}
								$("#houseIds_add").val(houseIds);
								$('#addChooseHouseForm').form('submit',
									{
										url : whzl.basePath+'/chooseHouseAction_addHouseChoose',
										onSubmit: function(){
											var isValid = $('#addChooseHouseForm').form('validate');
											if(isValid == false){
												parent.$.messager.progress('close');
											}
											return isValid;
										},
										success : function(result){
											parent.$.messager.progress('close');
											var parseResult = $.parseJSON(result);
											if(parseResult.success){
												$("#addChooseHouseDialog").dialog("close");
												$('#chooseHouseDataGrid').datagrid('reload');
											}else{
												$.messager.alert("提示",parseResult.message);
											}
										}
									}
								);
							}
						},
						{
							text : '取消', 
							iconCls : 'icon-cancel', 
							handler : function(){ 
								$("#addChooseHouseDialog").dialog("close");
							}
						}
					],
					onLoad : function(){
						var curr_time = new Date();
						var strDate = curr_time.getFullYear()+"-";
						strDate += curr_time.getMonth()+1+"-";
						strDate += curr_time.getDate();
						$("#businessDate_add").datebox("setValue", strDate);
						
						$('#chooseHouseInfoDataGrid1').datagrid({
							rownumbers:true,
							fitColumns:false,
							border:false,
							sortOrder:'desc',
							nowrap:true,
							loadFilter:function(result){
								if(result.success){
									return result.obj;
								}else{
									return ;
								}							
							}
						});
					}
				}
			);
	}
	
	/**房源选择*/
	var houseFormatter = function(value , row , index){
		if(row.state == 0){
			return "<img src='<%=basePath%>/images/pencil.png' title='修改' onclick=houseUpdateRow(" + row.id + ") style='cursor:pointer' />";
		}
	};
	
	/**房源分配修改*/
	function houseUpdateRow(id){
		$('#updateChooseHouseInfoDialog').dialog(
			{
				buttons : [
					{
						text : '关闭', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#updateChooseHouseInfoDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					chooseHouseInfo_load(id);
				}
			}
		);
	}
	
	/**格式化时间*/
	var dateFormatter = function(value,row,index){
		return dealDate(value);
	};
	
	/**发布公告*/
	var releaseFormatter = function(value , row , index){
		if(row.state == 0){
			return "<img src='<%=basePath%>/js/easyui/themes/itemicon/release.png' title='发布公告' onclick=releaseRow("+ row.id +") style='cursor:pointer' />";
		}
	};
	
	/**发布公告功能*/
	function releaseRow(id){
		$.messager.confirm('发布公告', '确定发布这条记录吗？', function(r){
			if (r){
				$.ajax({
		            type: "post",//使用get方法访问后台
		            dataType: "json",//返回json格式的数据
		            url: "chooseHouseAction_releaseChooseHouse",//要访问的后台地址
		            data: "chooseHouse.id="+id,//要发送的数据
		            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		            success: function(msg){//msg为返回的数据，在这里做数据绑定
		            	if(msg.success){
		            		$.messager.alert('提示','发布成功！');
		            		$('#chooseHouseDataGrid').datagrid('reload');
		            	}else{
		            		$.messager.alert('提示','发布失败！');
		            	}
		            }
			 	});
			}
		});
	}
	
	function selectDecoration(){
    $("#decorationList2Dialog").dialog({
        buttons:[{
            text : '确认', 
            iconCls : 'icon-ok', 
            handler : function(){ 
                var row = $('#decoration2DataGrid').datagrid('getSelected');
                $("#decorationId_add").val(row.id);
                $("#decorationName_add").val(row.name);
                $("#decorationId_update").val(row.id);
                $("#decorationName_update").val(row.name);
                $("#decorationList2Dialog").dialog("close");
            }
        }]
    })
}

var createUserFormatter = function(value, row, index){
    return row.createUser.fullName;
}
    
var dateFormatter = function(value, row, index){
    return dealDate(value);
}
</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%;font-size:12px;">
				<tr>
					<td align="right"><span>标题</span></td>
					<td>
						<input type="text" name="chooseHouse.title" id="title">
					</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>
						<a href="javascript:updateRow();" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a>
						<a href="javascript:deleteRow();" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a>
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="chooseHouseDataGrid">
        	<!--<thead>  
        		<tr>
            		<th data-options="field:'title',sortable:true,width:200">标题</th>
            		<th data-options="field:'createBy',sortable:true,width:120,formatter:createByFormatter">创建人</th>
            		<th data-options="field:'createDate',sortable:true,width:100,formatter:dateFormatter">创建时间</th>
            		<th data-options="field:'state',sortable:true,width:100,formatter:stateFormatter">状态</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详情</th> 
            		<th data-options="field:'update',align:'center',width:38,formatter:updateFormatter">修改</th>
            		<th data-options="field:'release',align:'center',width:38,formatter:releaseFormatter">发布</th>
            		<th data-options="field:'delete',align:'center',width:38,formatter:delFormatter">删除</th>
        		</tr>  
    		</thead>-->
		</table>
	</div>
</div>
<div id="detailChooseHouseDialog" data-options="title:'&nbsp;选房装修信息',iconCls:'icon-details',width:700,height:400,modal:true,href:'<%=basePath %>/chooseHouseAction_toDetail'">
</div>
<div id="updateChooseHouseDialog" data-options="title:'&nbsp;修改信息',iconCls:'icon-edit',width:700,height:400,modal:true,href:'<%=basePath %>/chooseHouseAction_toUpdate'">
</div>
<div id="addChooseHouseDialog" data-options="title:'&nbsp;增加装修房源',iconCls:'icon-add',width:700,height:400,modal:true,href:'<%=basePath %>/chooseHouseAction_toAdd'">
</div>
<div id="updateChooseHouseInfoDialog" data-options="title:'&nbsp;房源选择',iconCls:'icon-edit',width:800,height:400,modal:true,href:'<%=basePath %>/chooseHouseAction_toChooseHouseInfoList'">
</div>
<div id="addHouse" data-options="title:'&nbsp;选择房源',iconCls:'icon-edit',width:700,height:400,modal:true,href:'houseAction_toSelectList'">
</div>
<div id="decorationList2Dialog" data-options="title:'&nbsp;装修清单列表',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/decorationAction_toDecorationList2'">
</div>
<div id="setChooseHouseDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=chooseHouse'">
</div>
<script type="text/javascript">
<!--
$(function(){
	parent.$.messager.progress('close');
});
//-->
</script>