flexigrid单表增删改案例前台显示.docxVIP

这是关于客户表的增删改前台显示页面后台使用SSH框架即可此处暂不提供后台代码（可以试试自己编写，可提高自己的能力和对SSH框架的熟知度）%@ page language=java import=java.util.* pageEncoding=UTF-8%%@ taglib uri=/jsp/jstl/core prefix=c%%@ taglib uri=/struts-tags prefix=s%%String path = request.getContextPath();String basePath = request.getScheme() + ://+ request.getServerName() + : + request.getServerPort()+ path + /;%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/1999/REC-html401loose.dtdHTML xmlns=/1999/xhtmlHEADbase href=%=basePath%TITLECRM——客户关系管理系统/TITLEMETA content=text/html; charset=utf-8 http-equiv=Content-Type!-- 引入jquery js文件 --script src=%=basePath%js/jquery/jquery-1.8.2.jstype=text/javascript/script!-- 引入flexgrid相关文件 --link href=%=basePath%js/flexigrid/css/flexigrid.csstype=text/css rel=stylesheet /script src=%=basePath%js/flexigrid/js/flexigrid.jstype=text/javascript/scriptscript type=text/javascript$(document).ready(function() {var grid = $(#flexTable).flexigrid({width : 100%,height : 340,url : system/customerAction_queryCustomer.do,dataType : json,checkbox : true,colModel : [{display : 编号,name : id,width : 100,sortable : true,align : center,hide : false,toggle : false}, {display : 客户名称,name : customerName,width : 170,sortable : true,align : center}, {display : 客户年龄,name : customerAge,width : 170,sortable : true,align : center}, {display : 客户性别,name : customerSex,width : 170,sortable : true,align : center}],buttons : [{name : add,displayname : 新增,bclass : add,onpress : function(){window.location.href=%=basePath%/system/customerAction_gotoAddPage.do;}},{separator : true}, {name : modify,displayname : 修改,bclass : modify,onpress : function(){if($(.trSelected,grid).length==1){ var id=$(.trSelected td:nth-child(2),grid).text(); window.location.href=%=basePath%/system/customerAction_update.do?ids=+id; }else if($(.trSelected,grid).length1){ alert(请选择一个修改,不能同时修改多个记录!); }else if($(.trSelected,grid).length==0){ alert(请选择一个您要修改的记录!) } }}, {separator : true}, {name : delete,displayname : 删除,bclass : delete