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

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

<script type="text/javascript"><!--

	var leaseContract_detail_load = function (idCard){
		$('#leaseContractDataGrid').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 + '/leaseContractAction_listLeaseContract?leaseContract.securityPersonIdCard=' + idCard,
				checkOnSelect:true,
				selectOnCheck:false,
				nowrap:true,
				rowStyler:function(index,row){
					if(row.state == 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 ;
					}							
				}
		});
	};

	var dateFormatter = function(value,row,index){
		if(value != null){
			return value.substring(0,10);
		}else{
			return "";		
		}
	}
	
	var stateFormatter = function(value,row,index){
		if(value == 1){
			return "已终止"
		}else{
			return "正常";		
		}
	}
	
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='"+ whzl.basePath + "/images/details.png' title='查看详情' onclick=leaseContractDetails(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var leaseContractDetails = function(id){
		$("#detailLeaseContractDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailLeaseContractDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					detail_load(id);
				}
			}
		);
	};

--></script>

<div class="easyui-layout" data-options="fit:true,border:false">

	<div data-options="region:'center',border:false">
		<table id="leaseContractDataGrid"  >
			<thead>
        		<tr>
            		<th data-options="field:'contractName',sortable:true,width:140">合同名称</th>
            		<th data-options="field:'contractNo',sortable:true,width:120">合同编号</th>
            		<th data-options="field:'securityPersonName',sortable:true,width:70">租赁人</th>
            		<th data-options="field:'securityPersonIdCard',sortable:true,width:140">租赁身份证号</th>
            		<th data-options="field:'houseAddress',sortable:true,width:200">租赁房屋</th>
            		<th data-options="field:'startDate',sortable:true,width:90,formatter:dateFormatter">租房开始日期</th>
            		<th data-options="field:'endDate',sortable:true,width:90,formatter:dateFormatter">租房结束日期</th>
            		<th data-options="field:'state',align:'center',width:60,formatter:stateFormatter">合同状态</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详情</th>
        		</tr>  
    		</thead>
		</table>
	</div>
</div>