easyui数据新增

这篇博客介绍了如何利用EasyUI的datagrid组件和jQuery进行前端数据操作,包括表格加载、分页、单选,以及通过点击工具栏按钮触发新增书籍的对话框,通过AJAX向后台Servlet发送数据,实现数据的新增。
摘要由CSDN通过智能技术生成

一、书籍新增

$(function(){//表格数据
            $('#myTable').datagrid({    
                url:ctx+'/BookServlet', //请求路径
                fitColumns:true,//自适应宽度
                pagination:true,//分页工具栏
                toolbar:'#myTools',//加载工具栏
                singleSelect:true,//单选一行
                loadMsg:"正在加载中......",//自定义提示语句
                pageList:[5,10,15,20],//设置每分页数据数
                pageSize:5,//默认初始值
                columns:[[ //列   
                    {field:'bid',title:'书籍编号',width:100,align:'center'},    
                    {field:'bname',title:'书籍名称',width:100,align:'center'},    
                    {field:'bprice',title:'书籍价格',width:100,align:'center'},  
                    {field:'btype',title:'书籍种类',width:100,align:'center'}  
                    
                ]]    
            });  

 ---------------------------------------续上方法-----------------------------------------------------------------------------

//给工具栏+号添加点击事件
            $("#addBtn").click(function(){
                $('#myDialog').dialog({    
                    title: '增加书籍', //标题  
                    width: 400,    
                    height: 300,    
                    closed: false,    
                    cache: false,  //缓存  
                    href: 'editBook.jsp', //加载页面  
 
                    modal: true ,  //是否出现模态框效果
                    buttons:[{//按钮事件
                        text:'确认',
                        handler:function(){
                            //向后台发送请求
                            $.ajax({
                                url:ctx+"/addBookServlet",//请求servletl--请求地址
                                data:$("#myForm").serialize(),//请求参数
                                type:"post",//请求方式
                                datatype:"text",//数据类型--服务器预期可能返回的数据类型
                                success:function(data){
                                    if(data=="success"){
                                         //增加成功
                                        $.messager.alert('消息','提交成功
');  
                                        //关闭对话框
                                        $('#myDialog').dialog("close"); 
                                        //刷新
                                        myShow();
                                    }
                                    else{
                                        //增加失败
                                        $.messager.alert('警告','提交失败');    
                                    }
                                },
                                error:function(){//失败的回调函数
                                    $.messager.alert('警告','增加失败');    
                                }
                            
                            });

                            
                            
                        }
                    },{

                        text:'取消',
                        handler:function(){
                            //关闭对话框
                            $('#myDialog').dialog("close");
                        }
                    }]

                });    
                
            })

-----刷新方法

function myShow(){
            //加载数据
            $('#myTable').datagrid('load',{
                bname: $("#str").val()//传递参数到后台
            });

        }
 


 selvlet类中写法

    //拿到参数
                String bname =request.getParameter("bname");
                String a=request.getParameter("bprice");
                String btype=request.getParameter("btype");
                System.out.println(bname+" "+a+" "+btype);
                //转换价格数据类型
                double  bprice=0;
                if(a!=null) {//String---double
                    bprice = Double.parseDouble(a);
                }
                //调用biz
                IbookBiz ibb=new BookBiz();
                book b=new book(bname,bprice,btype);
                int n = ibb.addBook(b);
                System.out.println("n的值:"+n);
                //默认一个状态
                String str="error";
                if(n>0) {//增加成功
                    str="success";
                }

                System.out.println(str);
                //输送至页面
                out.write(str);
                out.flush();


--------------------------------------感谢收看-------------------------------------------------------------------------------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值