Easyui之datagrid

作用

1、数据绑定
2、增删改查功能
3、分页实现
4、样式设计

效果图

模糊查询：

分页

实现代码

建一个jsp界面先导入依赖

之后：

	
	

		
搜索
新增
	
	
	  
	

js界面:

$(function(){
	var ctx = $("#ctx").val();
	$('#dg').datagrid({    
	    url:ctx+'/book.action?methodName=datagrid', 
	    //分页
	    pagination:true,
	    toolbar: '#tb',
	    columns:[[    
	        {field:'id',title:'id',width:100},    
	        {field:'name',title:'名称',width:200},    
	        {field:'pinyin',title:'拼音',width:200,align:'right'},
	        {field:'cid',title:'书籍类别',width:100},
	        {field:'author',title:'作者',width:100},
	        {field:'price',title:'价格',width:100},
	        {field:'image',title:'图片路径',width:320},
	        {field:'publishing',title:'出版社',width:100},
	        {field:'description',title:'描述',width:200},
	        {field:'state',title:'书籍状态',width:100},
	        {field:'deployTime',title:'上架时间',width:150},
	        {field:'sales',title:'销量',width:100}
	    ]]    
	});  
	
//	点击搜索按钮按名字进行书籍查询
	$("#btn-search").click(function(){
		$('#dg').datagrid('load', {  
		    name: $("#name").val()
		}); 
	});
	 
}) 

实体类：

package com.jiangjiayan.entity;

import java.sql.Timestamp;

public class Book {
	
	
	private long id;
	private String name;
	private String pinyin;
	private long cid;
	private String author;
	private float price;
	private String image;
	private String publishing;
	private String description;
	private int state;
	private Timestamp deployTime;
	private int sales;
	public long getId() {
		return id;
	}
	public void setId(long id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPinyin() {
		return pinyin;
	}
	public void setPinyin(String pinyin) {
		this.pinyin = pinyin;
	}
	public long getCid() {
		return cid;
	}
	public void setCid(long cid) {
		this.cid = cid;
	}
	public String getAuthor() {
		return author;
	}
	public void setAuthor(String author) {
		this.author = author;
	}
	public float getPrice() {
		return price;
	}
	public void setPrice(float price) {
		this.price = price;
	}
	public String getImage() {
		return image;
	}
	public void setImage(String image) {
		this.image = image;
	}
	public String getPublishing() {
		return publishing;
	}
	public void setPublishing(String publishing) {
		this.publishing = publishing;
	}
	public String getDescription() {
		return description;
	}
	public void setDescription(String description) {
		this.description = description;
	}
	public int getState() {
		return state;
	}
	public void setState(int state) {
		this.state = state;
	}
	public Timestamp getDeployTime() {
		return deployTime;
	}
	public void setDeployTime(Timestamp deployTime) {
		this.deployTime = deployTime;
	}
	public int getSales() {
		return sales;
	}
	public void setSales(int sales) {
		this.sales = sales;
	}
	
	public Book() {
		super();
	}
	
	
	public Book(long id, String name, String pinyin) {
		super();
		this.id = id;
		this.name = name;
		this.pinyin = pinyin;
	}
	public Book(long id, String name, String pinyin, long cid, String author, float price, String image,
			String publishing, String description, int state, Timestamp deployTime, int sales) {
		super();
		this.id = id;
		this.name = name;
		this.pinyin = pinyin;
		this.cid = cid;
		this.author = author;
		this.price = price;
		this.image = image;
		this.publishing = publishing;
		this.description = description;
		this.state = state;
		this.deployTime = deployTime;
		this.sales = sales;
	}
	@Override
	public String toString() {
		return "Book [id=" + id + ", name=" + name + ", pinyin=" + pinyin + ", cid=" + cid + ", author=" + author
				+ ", price=" + price + ", image=" + image + ", publishing=" + publishing + ", description="
				+ description + ", state=" + state + ", deployTime=" + deployTime + ", sales=" + sales + "]";
	}
}

BookDao ：

package com.jiangjiayan.dao;

import java.sql.SQLException;
import java.util.List;

import com.jiangjiayan.entity.Book;
import com.jiangjiayan.util.BaseDao;
import com.jiangjiayan.util.PageBean;
import com.jiangjiayan.util.StringUtils;

public class BookDao extends BaseDao {
	
	public List list(Book book,PageBean pageBean) throws InstantiationException, IllegalAccessException, SQLException{
		String name = book.getName();
		String sql = "select * from t_easyui_book where true ";
		if(StringUtils.isNotBlank(name)) {
			sql += " and name like '%"+name+"%'";
		}
		return super.executeQuery(sql, Book.class, pageBean);
	}

BookAction：

package com.jiangjiayan.web;

import java.sql.Array;
import java.sql.SQLException;
import java.util.Arrays;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.jiangjiayan.dao.BookDao;
import com.jiangjiayan.entity.Book;
import com.jiangjiayan.util.DataGridResult;
import com.jiangjiayan.util.PageBean;
import com.jiangjiayan.util.ResponseUtil;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.liuchunming.framework.ActionSupport;
import com.liuchunming.framework.ModelDriven;

public class BookAction extends ActionSupport implements ModelDriven{
	private Book book = new Book();
	private BookDao bookDao = new BookDao();

	@Override
	public Book getModel() {
		// TODO Auto-generated method stub
		return book;
	}
	
	public String datagrid(HttpServletRequest req,HttpServletResponse resp) {
		PageBean pageBean = new PageBean();
		pageBean.setRequest(req);
		
		try {
			List list = this.bookDao.list(book, pageBean);
			ResponseUtil.writeJson(resp, DataGridResult.ok(pageBean.getTotal()+"",list));
		} catch (InstantiationException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		return null;
	}