bootstrap table表单提交刷新页面

最新推荐文章于 2021-08-17 14:01:25 发布
最新推荐文章于 2021-08-17 14:01:25 发布
阅读量3.8k 收藏 1
点赞数 1
分类专栏： 个人总结 文章标签： 表单刷新 阻止默认事件 bootstrap table保存 提交刷新页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chris__wang/article/details/82786821
版权

在做项目的时候，遇到一个问题，用到的是bootstrap table框架，模板为freemarker，当表单中含有table页面的时候，会出现一个问题，就是表单保存的时候会出现页面刷新问题，页面情况如下图

不知道为什么，表单中含有table的时候就会出现保存后刷新，具体原因没有找到

结决办法：阻止默认事件  如图

【右上角点个赞，谢谢】

Chris__Wang
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
bootstrap集成table样式的总结
05-25
bootstrap集成table样式的总结，总结了各种bootstrap集成的table样式
Bootstrap表格表单
qq_44336097的博客
11-24 148
* 表格 * table * table-bordered * table-hover * 表单 * 给表单项添加：class="form-control" 需要什么格式自己查看文档：https://v3.bootcss.com/css/#form <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-
bootstrap表单中的提交按钮提交后自动刷新问题
sinat_35007100的博客
04-02 3395
问题描述：写了一个提交信息的页面用到了bootstrap框架，发现按了提交按钮之后页面自动刷新了，ajax请求的值返回到了后台，返回的成功信息也传到前台的但是既没有执行success方法也没有执行error方法，原因是自动刷新打断了ajax进程。 解决方法：只要将提交按钮移出来到form表单外即可 ...
jquery导入数据_【Python成长之路】从 零做网站开发 -- 基于Flask和JQuery，实现表格管理平台...
weixin_39835991的博客
11-20 221
【写在前面】你要开发网站？ 嗯。。会Flask吗？ 什么东西，没听过。。。会JQuery吗？ 是python的库吗 ？那你会什么？ 我会F12打开网站好吧，那我们来写个简单的表格管理平台。基于Flask框架和JQuery实现管理平台网站的开发功能，我代码编写用了2天的时间 ，从零开始写；又对具体实现流程，自己断断续续地整理总结了近半个月。从自我感觉来说，整个过程和结果的实现...
bootstrapTable+ajax加载数据 refresh更新数据
10-18
当日期选择器中的日期发生变化时，通过调用 `$dataTableHot.bootstrapTable('refresh')` 来刷新表格数据。同时，`#types` 下拉菜单的改变事件也触发了同样的刷新操作，确保根据用户选择的时间类别加载对应的数据。 ...
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
08-27
在 Bootstrap Table 中，我们可以使用 `refresh` 参数来刷新表格的数据。例如，在上面的例子中，我们使用 `refresh` 参数来刷新表格的数据，当用户点击查询按钮时，表格将根据查询条件来刷新数据。 提交到服务端 ...
layui 关闭open弹出框 刷新table表格页面的方法
10-16
1. 确保弹出框关闭后再刷新页面，否则用户体验可能会受到影响，因为用户会看到弹出框突然关闭后页面立即刷新的效果。 2. 如果页面中包含多个Ajax调用，确保刷新时不会造成数据混乱。这通常意味着需要在调用location....
Bootstrap Table服务器分页与在线编辑应用总结
09-01
对于时间查询功能，可以添加一个表单来输入起始和结束时间，然后在提交按钮的点击事件中检查时间的有效性，如果时间设置正确，调用`bootstrapTable('refresh')`重新加载数据。 前端验证时间查询的示例代码如下： ``...
基于javaweb 的bootstrap table使用案例源码下载
02-18
Ajax是一种在不刷新整个页面的情况下更新部分网页内容的技术，通过XMLHttpRequest对象与服务器进行异步通信。在JavaWeb项目中，我们可以使用Servlet或Controller来处理Ajax请求，返回JSON格式的数据。 Ajax请求的...
BootstrapTable 获取当前页、数据刷新后留在当前页
Alan的博客
07-03 3万+
最近的项目中使用BootstrapTable组件进行开发，开发过程中遇到了这样一个需求： table分页后，对某页中的某条数据进行处理后，刷新表格，为了保证table的实时正确性，先进行table的destroy，然后获取新建table并获取数据 $('#bootstrapTableId').bootstrapTable('destroy'); $('#bootstrapTable...
Bootstrap table 传递Form参数
a1721593222的博客
09-14 5052
Bootstrap table 传递Form参数 queryParams: function () {             return $("#form1").serialize();         }
Bootstrap Table 刷新方法
付出总会有收获!
04-04 2万+
更详细的方法, 可以看文档. 网友转译的中文文档: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
bootStrap-table(五) 页面刷新及表单回显
kaleldo的博客
11-23 2792
效果图 &lt;!DOCTYPE html&gt; &lt;html xmlns:th="http://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.thymeleaf.org "&gt; &lt;head&gt; ..
bootstrapTable refresh 方法使用简单举例
热门推荐
翔云
02-19 8万+
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明。下面代码中，一个table，一个button，单击button会触发刷新表格操作。<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"><link rel="stylesheet" href="../libs/bootstrap-table-v1.
前端的坑-提交表单页面自动刷新
jacker
11-10 1万+
遇到的问题        最近一段时间需要用到jsp加上ajax局部的刷新页面，本来并不是一个比较复杂的功能，但是却遇到了比较大的问题，问题的具体情况是每当局部刷新之后页面就会自动刷新，然后就又回到了没有刷新前的状态，这让人感觉很坑爹啊！排查问题        有问题了，当然是要首先排查代码了，看了无数次的代码，都没发现会导致页面自动刷新的情况，让人十分苦恼。         然后的话，就想着难道
bootstrapTable的参数设置
asdfghjklor的博客
01-05 1791
自己Mark一下！参阅原文请点击链接 http://blog.csdn.net/paincupid/article/details/50982858 bootstrap-table的一些配置参数 $('#reportTable').bootstrapTable({    method: 'post',    url: '/qStock/AjaxPage',   
bootstrap刷新父页面table
lingxun123456的博客
08-17 1112
parent.$("#bootstrap-table1").bootstrapTable('refresh',{});
bootstraptable的加载刷新数据
BUG设计师
08-01 2万+
bootstraptable的加载刷新数据 表格的多条件查询
bootstrap Table实现定时刷新
最新发布
03-30
可以使用JavaScript中的setInterval()函数来定时刷新bootstrap Table。 首先，在HTML文件中引入bootstrap Table的js和css文件： ```html <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值