baozhangfang/WebRoot/WEB-INF/jsp/bzsq/bzsqList.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() {
		$('#bzsqDataGrid').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 + '/bzsqAction_listBZSQ',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:true,
			nowrap:true,
			loadFilter:function(result){
					if(result.success){
						console.log(result)
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
			}
		);
	});
	
	/**查询*/
	function searchFun(){
		$("#bzsqDataGrid").datagrid("load", {
			 "aa10.letter":$("#tblQuery").find("input[id='letter']").val(),
             "aa10.name":$("#tblQuery").find("input[id='name']").val(),
             "aa10.value":$("#tblQuery").find("input[id='value']").val()
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
	var bzfzlFormatter = function(value , row , index){
		if(value =="1"){
			return "公共租赁住房实物配租";
		}else if(value =="2"){
			return "共有产权住房";
		}else if(value =="4"){
            return "公共租赁住房租赁补贴";
        }else{
        	return "";
        }
	}
	/**详细*/
    var detailsFormatter = function(value , row , index){
        return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=bzsqDetails('" + row.rowId + "') style='cursor:pointer' />";
    };
    
    /**详细页面对话框*/
    var bzsqDetails = function(rowId){
        $("#detailBZSQDialog").dialog(
            {
                buttons : [
                    {
                        text : '确定', 
                        iconCls : 'icon-ok', 
                        handler : function(){ 
                            $("#detailBZSQDialog").dialog("close");
                        }
                    }
                ],
                onLoad : function(){
                    detail_load(rowId);                  
                }
            }
        );
    };
</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>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="bzsqDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
        		    <th data-options="field:'bzfzl',width:100,formatter:bzfzlFormatter">保障房类别</th>
        		    <th data-options="field:'bzlsh',width:130">档案号</th>
        		    <th data-options="field:'sqrxm',width:80">户主姓名</th>
        		    <th data-options="field:'sqrsfzh',width:150">身份证号</th>
        		    <th data-options="field:'jtzrk',width:80">家庭总人口</th>
        		    <th data-options="field:'rjsr',width:80">人均收入</th>
        		    <th data-options="field:'bzrk',width:80">保障人口 </th>
        		    <th data-options="field:'details',width:80,formatter:detailsFormatter">详情</th>
        		</tr>  
    		</thead>
		</table>
		
	</div>
</div>
<div id="detailBZSQDialog" data-options="title:'&nbsp;资料详细信息',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/bzsqAction_toBZSQDetail'">
</div>
<script type="text/javascript">
	parent.$.messager.progress('close');
</script>