datagrid之新增、修改

本文详细介绍了datagrid中新增、删除和批量删除的功能实现。新增通过添加按钮、触发窗体、编写DAO和Web方法来完成;删除操作涉及在列中添加删除链接,发送删除请求到后台;批量删除则需要复选框、删除按钮,以及处理选中行的后台方法。
摘要由CSDN通过智能技术生成

 

一、思路与代码具体实现:

1.1、增加思路:

                    1、在查询旁边添加一个新增按钮(并且id为“btn-add”)

                   .2、给新增按钮添加点击事件,打开窗体

                    3、写好dao、web中的方法

                    4、关闭窗体,刷新数据

1、在查询旁边添加一个新增按钮(并且id为“btn-add” userManage)

   <a id="btn-add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">新增</a> 

 2、给新增按钮添加点击事件,打开窗体

$("#btn-add").click(function(){
		//打开窗体事件
		$("#dd").dialog("open");
	})
	
})

效果:

 3、写好dao、web中的方法

dao(bookdao):

//新增
    public void add(Book book) throws Exception {
        //给他随机补了一个int类型的ID,因为在页面上没有传id进来。自增长以及写一个方法来取最大id的方法都太复杂,这里不妨直接new一个时间戳
        book.setBid((int)new Date().getTime());
        super.executeUpdate("insert into t_mvc_book values(?,?,?)",book,new String[] {"bid","bname","price"});
    }

 web (bookAction):

//新增
	public String add(HttpServletRequest req, HttpServletResponse resp) {
		try {
			bookDao.add(book);
			ResponseUtil.writeJson(resp, 1);//(通过返回值来决定是否要刷新页面,以及来关闭窗体)
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, 0);
			} catch (Exception e1) {
				e1.printStackTrace();
			}
		}
		return null;
	}

 book.js

var addFlag =0;
$(function() {
	/**
	 * 在easyu
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值