java ssm框架layui前端的修改和删除

最新推荐文章于 2023-03-31 17:46:33 发布

VIP文章提笔写流年

最新推荐文章于 2023-03-31 17:46:33 发布

阅读量8.7k

点赞数 3

分类专栏：原创文章标签： layui 弹框修改

本文链接：https://blog.csdn.net/qq_39373941/article/details/79910484

版权

前一篇是查询的功能点击打开链接

修改还删除的功能，部分功能可以看前一篇的查询功能

jap前端

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <%      
String path = request.getContextPath();      
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
 
%>     

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<base href="<%=basePath%>">
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>layui在线调试</title>
	<link rel="stylesheet" href="<%=basePath%>js/layui/css/layui.css"  media="all">  
	<style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}
  </style>
</head>
<body>
 
<table class="layui-hide" id="test" lay-filter="demo"></table>
 
	<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>



  
<script src="<%=basePath%>js/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>

<script>
layui.config({
  version: '1522709297490' //为了更新 js 缓存，可忽略
});
 
layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
  		var laydate = layui.laydate //日期
 		,laypage = layui.laypage //分页
  		,layer = layui.layer //弹层
  		,table = layui.table //表格
  		,carousel = layui.carousel //轮播
  		,upload = layui.upload //上传
  		,element = layui.element; //元素操作 
  		//监听Tab切换
  		element.on('tab(demo)', function(data){
    		layer.msg('切换了：'+ this.innerHTML);
    		console.log(data);
   	 	});
  
  		//执行一个 table 实例
  		table.render({
    		elem: '#test'
    		,page: true //开启分页
    		,url:'/lightnote/informa/findallEmp'  //数据请求路径
            ,cellMinWidth: 80
            ,cols: [[
      			{field:'id', width:200, title: 'ID', sort: true}
      			,{field:'enterprise', width:180, title: '企业名称'}
      			,{field:'establishment', width:120, title: '成立时间', sort: true}
     			,{field:'registration', width:100, title: '注册地'}
      			,{field:'registered', width:100, title: '注册资金', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
      			,{field:'number', width:100, title: '总人数', sort: true}
      			,{field:'socialSecurity', width:100, title: '社保人数', sort: true}
      			,{field:'research', width:100, title: '研发人数'}
      			,{field:'registrationType', width:150, title: '注册类型', sort: true}
      			,{field:'operation', width:200, title: '经营范围'}
      			,{field:'product',  width:200, title: '主营产品', sort: true}
      			 ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
    		]]
    		
 		 });
  		//监听工具条
  		table.on('tool(demo)', function(obj){
    		var data = obj.data;
    		if(obj.event === 'detail'){
    			layer.msg('ID：'+ data.id + ' 的查看操作');
    		} else if(obj.event === 'del'){
      			layer.confirm('真的删除行么', function(index){

最低0.47元/天解锁文章

提笔写流年

关注

3
点赞
踩
18

收藏

觉得还不错? 一键收藏
5
评论
java ssm框架layui前端的修改和删除

前一篇是查询的功能点击打开链接修改还删除的功能，部分功能可以看前一篇的查询功能jap前端&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;% String path = request.getContextPath(); ...
复制链接

扫一扫