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

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<script type="text/javascript">
	/**小区显示区*/
	$(function() {
		$('#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?chooseHouse.state=2,3,4',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:true,
			nowrap:true,
			singleSelect: 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()
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
</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" 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-remove',plain:true">清空</a>
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="chooseHouseDataGrid">
        	<thead>  
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'title',sortable:true,width:200">标题</th>
            		<th data-options="field:'businessDate',sortable:true,width:100,formatter:dateFormatter">业务时间</th>
            		<th data-options="field:'businessUserName',sortable:true,width:100">业务人</th>
            		<th data-options="field:'detailsChooseHouse',align:'center',width:60,formatter:detailsChooseHouseFormatter">查看详情</th> 
        		</tr>  
    		</thead>
		</table>
	</div>
</div>
<script type="text/javascript">
<!--
$(function(){
	parent.$.messager.progress('close');
});
//-->
</script>