解决bootstrapTable refresh模态框scrollbar消失,焦点在parent窗口上的问题

最新推荐文章于 2023-01-10 20:28:48 发布
最新推荐文章于 2023-01-10 20:28:48 发布
阅读量2.5k 收藏
点赞数
分类专栏： bootstrapTable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zero_295813128/article/details/52839884
版权
在使用bootstrapTable时遇到一个编辑功能的模态框问题，当弹出子窗口（模态框）且内容较长，存在滚动条。在执行删除操作后，滚动条消失导致无法查看下方内容。删除代码中设置了`overflow-x: hidden`和`overflow-y: auto`，调整后解决了模态框滚动条消失的故障。
摘要由CSDN通过智能技术生成

今天碰到一个问题，问题是这样的。

我有一个父窗口，点击父窗口的编辑按钮的时候弹出一个子窗口，子窗口是已一个模态框的形式弹出的，如下图


在已添加商品的bootstrapTable中商品比较多，页面比较长，这时候是有scrollbar的，但是当我点击删除的时候


没有了scrollbar，一但没有了scrollbar，下面还有很多商品都没办法看了，这时候让我很头疼。删除的代码如下

//已添加商品-删除
    function commodityAddedDel(commodityAddedIds, goodsCod
最低0.47元/天 解锁文章
核桃x核桃
关注
专栏目录
运用jQuery和bootstrap框架编写的失去焦点验证登入
Rinoon的博客
04-26 477
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/> <script src="../js/jquery.js" type="t...
bootstrap模态框之间的数据交互,使用Bootstrap将数据从模态传递到父窗口
weixin_30548963的博客
02-23 762
As an example, I have a page that when loads, lists all employees. There is a button on the page that when clicked, initializes a (bootstrap) modal with a form. I populate the form, and click 'Submit'...
bootstrap在IE下table丢失横向滚动条的问题
李欢欢的博客
06-28 1271
首先，要把table嵌套在.table-responsive节点下，常见就是class为table-responsive的div中套着一个table 然后，table自身要有.table-fix。如果没有的话，在Chrome浏览器中仍然可以显示横向滚动条，但是在IE9中，是无法显示横向滚动条的。
用 bootstrap 实现一个滚动条
weixin_42604188的博客
01-10 373
用 Bootstrap 实现一个滚动条非常简单，可以使用 Bootstrap 的 CSS 类来实现。下面是一个示例代码： <divclass="container"> <div class="row"> <div class="col-xs-12"> <div class="overflow-auto" style="max-hei...
bootstrap刷新父页面table
lingxun123456的博客
08-17 1138
parent.$("#bootstrap-table1").bootstrapTable('refresh',{});
bootstrap 增加滚动条
daiqinge的博客
10-27 3万+
其实只要在 相关模块的  class属性中，再加上  pre-scrollable 即可。 比如我的例子是在中添加pre-scrollable：
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
08-27
Bootstrap Table 中toolbar新增条件查询及refresh参数使用方法 Bootstrap Table 是一个功能强大且灵活的表格插件，提供了许多实用的功能，例如 toolbar 的自定义查询条件和refresh 参数的使用方法。在实际应用中，...
bootstrapTable+ajax加载数据 refresh更新数据
12-29
本文实例为大家分享了bootstrapTable+ajax加载数据，和refresh更新数据两部分，供大家参考，具体内容如下 1.html <form class=form-horizontal role=form> 日期 <input type=text id=calendar class...
Bootstrap Table 搜索框和查询功能
12-29
知识点bootstrapTable 刷新和查询配置 2.提升js代码性能 1.减少全局变量声明 2.缓存dom节点查找结果 3.局部变量缓存全局变量  /** * @param col bootstrapTable列表生成配置对象 */ var searchValue ={};//查询...
table单击进入编辑状态、失去焦点发送数据到后台
guorun18的专栏
05-19 4310
本人qq：949670634 欢迎同行朋友与我进行技术交流 pageEncoding="utf-8"%> 资源常包管理            .all{ width:600px; height:375px; /*  border: 1px solid blue; */ margin-left: 200p
bootstrap 滚动 进度条,Bootstrap：如何启用滚动条？
weixin_32112641的博客
12-19 176
I use Twitter Bootstrap in one of my projects, but I have the problem that my content goes out of the browser view. Normally you see the scrollbar on the right side of the screen, but not in my case. ...
bootstraptable重新加载refresh，不启作用
sheshiman的博客
03-13 4519
bootstraptable重新加载refresh不启作用 如果改变了查询参数，页码（如：params.pageNum = 1）等，需要重新加载数据，一般情况下使用 $table.bootstrapTable('refresh',params); 调用后发现不启作用，页码没有变化，原因出来options上，需要在重新加载之前，改变当前options中页码的值 解决办法 在调用refresh之前，调...
bootstrap模态框 遮挡_Bootstrap Modal遮罩弹出层(完整版)
weixin_39658759的博客
12-18 1034
之前发表过一篇文章叫Bootstrap Modal弹窗代码，其实那个只是一个弹出层代码而已，并不是仿造Bootstrap的，Bootstrap modal是给外层添加固定fixed，然后内容使用自适应靠上居中方式。今天分享的这篇文章正是这种方式。html结构考虑到内容区域需要居中对齐，所以至少要有一个div来定位和显示背景，再用一个div居中内容，内容区域想分成header、body和footer...
Bootstrap-table refresh 加载数据出现的问题
gloryzyf
02-21 1万+
1.bootstrap-table是基于bootstrap的table封装插件，用起来还不错 2.refresh方法可以动态加载指定的ur来获取数据 3.refresh不能改变table默认的数据url，当refresh后动态更新指定url数据，但是当你点击table的页数按钮时会重新调用初始的url去获取数据 4.找到的一种解决方案：bootstrapTable('destroy').bo
jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
热门推荐
一名普通码农的菜地
11-21 5万+
jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法 系统默认的滚动条样式，真的已经看的够恶心了。试想一下，如果在一个很有特色和创意的网页中，出现了一根系统中默认的滚动条样式，会有多么的别扭。 为了自己定义网页中的滚动条的方法，我真的已经找了很久了，就目前寻找的成果来说，找到了两个比较不错的 jQuery 插件：jScrollPane
bootstrap table 固定table最底部的滚动条到屏幕底部
jxlsp2007的博客
06-30 2422
bootstrap中table固定底部滚动条
IE浏览器利用BootstrapTable刷新表格无效的解决办法
桥的博客
06-07 3627
$.ajax({ url: url", type:"POST", dataType:"json", async: true, data : JSON.stringify(param), conte...
bootstrap4添加滚动条
NullPE3351的博客
01-25 5046
web开发中常常需要添加表格或者列表元素，但是如果元素内容过多就会占用太大的页面空间，不方便排版，所以滚动条的添加很重要。 &lt;div class="col-md-6" style="margin: 0"&gt; &lt;!--&lt;div class="row pre...
table.bootstraptable refresh 列
最新发布
08-29
在使用BootstrapTable插件时，refresh列命令用于刷新表格中的数据。refresh列的功能是重新加载表格，以便更新表格中的数据，让表格显示最新的内容。 使用refresh列命令，可以通过以下步骤来刷新BootstrapTable中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值