ssm+easyUI查询全部_01

查询全部+分页查询

后台Controller

@RequestMapping("queryList")
	@ResponseBody
	public Map<String,Object> queryList(Integer page,Integer rows){
	    //在控制层可以使用PageHelper 的 startPage方法设置分页,参数(页数,每页条数)
		PageHelper.startPage(page, rows);
		//在startPage之后紧跟的方法中就是需要分页的查询。
		List<Dog> list=dogService.queryList();
		//使用 PageInfo 包装查询后的结果
		PageInfo<Dog> pageInfo = new PageInfo<Dog>(list);
		Map<String,Object> map=new HashMap<String, Object>();
		map.put("total", pageInfo.getTotal());
		map.put("rows", pageInfo.getList());
		return map;
	}

后台mapper.xml

  • 约束
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
  • sql语句
<select id="queryList" resultType="dog">
	select * from t_dog
</select>

前台

  • 加点击事件
<a href="javascript:openTabs('狗狗全部查询','toList.do')">狗狗全部查询</a>
  • 新增选项卡
function openTabs(title,url){
		var t =$('#tabs').tabs('exists',title);
		if(t){
			$('#tabs').tabs('select',title);
		}else{
			$('#tabs').tabs('add',{    
			    title:title,    
			    content:'<iframe style="width:100%;height:100%;position:relative;" src="'+url+'" frameborder="0" scrolling="true" ></iframe>',    
			    closable:true,    
			    tools:[{    
			        iconCls:'icon-mini-refresh',    
			        handler:function(){    
			        	// 更新选择的面板的新标题和内容
			        	var tab = $('#tabs').tabs('getSelected');  // 获取选择的面板
			        	$('#tabs').tabs('update', {
			        		tab: tab,
			        		options: {
			        			//title: '新标题',
			        			//href: 'get_content.php'  // 新内容的URL
			        		}
			        	});   
			        }    
			    }]    
			});  
		}
	}
  • list页面
<body>
	<table id="dg"></table>  
</body>
<script type="text/javascript">
	$(function(){
		$('#dg').datagrid({    
		    url:'queryList.do', 
		    fitColumns:true,
		    pagination:true,
		    pageSize:5,
		    pageList:[5,10,20,30,40,50],
		    toolbar: [{
				iconCls: 'icon-edit',
				text:'编辑',
				handler: function(){updateDog();}
			},'-',{
				iconCls: 'icon-add',
				text:'新增',
				handler: function(){addDog();}
			},'-',{
				iconCls: 'icon-no',
				text:'删除',
				handler: function(){deleteDog();}
			}],
		    columns:[[ 		    	
		    	{field:'',title:'',checkbox:true,width:100},//加一列复选框    
		        {field:'dogId',title:'狗狗编号',width:100},    
		        {field:'dogName',title:'狗狗名字',width:100},    
		        {field:'dogSex',title:'狗狗性别',width:100,
		        	formatter: function(value,row,index){
						if (value==1){
							return "雌性";
						} else {
							return "雄性";
						}
					}
		        },    
		        {field:'dogColor',title:'狗狗颜色',width:100,
		        	formatter: function(value,row,index){
						if (value==1){
							return "黑色";
						} else if(value==2) {
							return "白色";
						} else if(value==3) {
							return "五颜六色";
						} else {
							return "未选择";
						}
					}	
		        },    
		        {field:'dogSkill',title:'狗狗技能',width:100,
		        	formatter: function (value,row,index){
	                    /*使用indexOf找有没有这个value值是否存在,如果有下标就拼接*/
	                    var str='';
	                    if(value!=null){
	                        if (value.indexOf('1')>-1) {
	                            str+='导盲,';
	                        }
	                        if (value.indexOf('2')>-1) {
	                            str+='牧羊,';
	                        }
	                        if (value.indexOf('3')>-1) {
	                            str+='看家';
	                        }
	                        return str;
	                    }
	                    return str;
	                }	
		        },    
		        {field:'dogBir',title:'狗狗生日',width:100}  
		    ]]    
		});  
	})
</script>

猜你喜欢

转载自blog.csdn.net/weixin_43681813/article/details/85694868