baozhangfang/WebRoot/WEB-INF/jsp/rentPlan/rentPlanList.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() {
		$('#rentPlanDataGrid').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 + '/rentPlanAction_listRentPlan',
				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(){
		$("#rentPlanDataGrid").datagrid("load", {
			 "rentPlan.title":$("#tblQuery").find("input[id='title']").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=rentPlanDetails(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var rentPlanDetails = function(id){
		$("#detailRentPlanDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailRentPlanDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					detail_load(id);
				}
			}
		);
	};
	
	/**增加配租方案*/
	function rentPlanAdd(){
		$('#addRentPlanDialog').dialog({
			buttons : [{
				text : '确认', 
				iconCls : 'icon-ok', 
				handler : function(){
					add_submit();
				}
			},{
				text : '取消', 
				iconCls : 'icon-cancel', 
				handler : function(){ 
					$("#addRentPlanDialog").dialog("close");
				}
			}]
		});
	}

	/**业务时间*/
	var createDateFormatter = function(value , row , index){
		return dealDate(row.createDate);
	}
	
	/**录入人房对应结果*/
	var importResultFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/update.png' title='输入结果' onclick=importResult(" + row.id + ") style='cursor:pointer' />";
	}
	function importResult(id){
		$("#importFileDialog").dialog({
			buttons:[{
				text : '取消', 
				iconCls : 'icon-cancel', 
				handler : function(){
					$("#importFileDialog").dialog("close");
				}
			}],
			onLoad : function(){
				import_load(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" style="width: 10%;"><span>摇号方案标题</span></td>
					<td style="width: 20%;"><input id="title" name="rentPlan.title" type="text" style="width: 140px;"/></td>
					<td align="left" style="width: 70%;">
						<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:rentPlanAdd();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a>
					</td>
				</tr>
				
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="rentPlanDataGrid">
			<thead frozen="true">
        		<tr>
            		<th data-options="field:'title',sortable:true,width:255">配租方案标题</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
            		<th data-options="field:'createDate',sortable:true,width:150,formatter:createDateFormatter">业务时间</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详细</th>
        			<th data-options="field:'importResult',align:'center',width:60,formatter:importResultFormatter">导入结果</th>
        			
        		</tr>
    		</thead>
		</table>
	</div>
</div>
<div id="detailRentPlanDialog" data-options="title:'&nbsp;配租方案详情',iconCls:'icon-details',width:700,height:550,modal:true,href:'<%=basePath %>/rentPlanAction_toDetail'">
</div>
<div id="addRentPlanDialog" data-options="title:'&nbsp;添加配租方案',iconCls:'icon-add',width:700,height:400,modal:true,href:'<%=basePath %>/rentPlanAction_toAdd'">
</div>
<div id="importFileDialog" data-options="title:'&nbsp;导入表格',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/rentPlanAction_toImportFile'">
</div>
<script type="text/javascript">
<!--
	parent.$.messager.progress('close');
//-->
</script>