fastadmin列表自动刷新功能

最新推荐文章于 2024-03-04 01:40:35 发布
最新推荐文章于 2024-03-04 01:40:35 发布
阅读量2.3k 收藏
点赞数 2
分类专栏： fastadmin 文章标签： fastadmin 列表刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hx_long/article/details/122412866
版权

在fastadmin框架中，将列表自动刷新给屏蔽了，如果要开启的话，有点麻烦，需要去重新修改框架核心的js代码，然后还需要重新进行编译。
在看开发文档的时候，发现列表是存在refresh的方法，既然有这个方法在，那么是否能结合JS的定时器来做成自动刷新，而不用去修改核心js代码？测试了一下发现这个思路是可行的。
代码如下

setInterval(function (){table.bootstrapTable('refresh',{silent: true });}, 10000);

代码块需要和定义table在相同域，其中silent:true是开启静默刷新，也就是页面不会出现刷新动作
在此记录一下，方便后续使用

hx_long
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
zepto.js手机端上拉刷新下拉加载更多列表数据插件
06-11
zepto.js是一款轻量级的JavaScript库，专为移动设备的Web...通过理解和应用这些知识点，开发者可以有效地构建出一个功能完善的、具有良好用户体验的移动网页应用，使得用户在浏览长列表时能够轻松地获取和刷新数据。
fastadmin 新增操作按钮成功刷新页面
qq_16144799的博客
07-17 1924
,buttons: [ { name: 'warehouses', text: '入库', title: '入库', icon: 'fa', classname: 'btn btn-xs btn-success btn-ajax', url: 'orders/orders/warehouses', success: fun.
fastadmin 列表刷新
qq_35796576的博客
09-21 1475
fastadmin 列表自动刷新（转载）升级增加 显示彩色角标并加载 消息提醒播放
fastadmin 后台新增和编辑成功后刷新整个页面
logic_lai的博客
08-13 5081
直接在js里面加上这个新增或编辑成功后就会刷新整个页面： add: function () { $(document).on('click', '.btn-success', function(){ Form.api.submit($("form[role=form]"), function () { window.parent.location.reload(); }); }); Controller.api.bindev.
fastadmin 框架后台表格 启用自动刷新功能
夜班机器人的博客
04-27 1505
fastadmin 后台表格框架bootstrap table默认没有启用自带的 自动刷新插件.需要手工开启.记录一下 首先修改文件 \public\assets\js\require-backend.js 如图所示,第一处新增代码 'bootstrap-table-auto-refresh': '../libs/bootstrap-table/dist/extensions/auto-refresh/bootstrap-table-auto-refresh', 第二处新增代码:
fastAdmin table 刷新
xiakaiphp的博客
11-18 6290
相应JS页面 { field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, buttons: [{ name: '重新审核', text: __('重新审核'), // btn-ajax cl...
fastadmin-table.bootstrapTable('refresh', {});的运用
fang_li_na的博客
09-19 4110
fastadmin table.bootstrapTable(‘refresh’, {}); $('.next-month-btn').on('click',function(){ var monthVal = new Date().getMonth()+2; $('.month-input').val(monthVal); var opt = { url: '你的地址' + month...
用AJAX实现文本框自动提示的小例子
11-23
**标题解析：** "用AJAX实现文本框自动提示的小例子" 这个标题表明我们将讨论如何使用AJAX（异步JavaScript和XML）技术来创建一个功能，即当用户在文本框中输入内容时，系统会自动提供相关提示。这个功能常见于搜索...
CMS 网站管理系统 源码
03-18
7、百度站点地图功能，生成和自动更新提交站点最新信息，可以大大的提高收录量。 8、强大的(信息)采集系统,可采文章信息，方便用户系统性的收集信息，使用简单，只需懂点html基础代码即可；支持内容、列表分页采集...
jquey地区三级联动插件
04-26
2. **Ajax异步通信**：在地区选择中，数据通常存储在服务器端，使用Ajax进行异步请求，获取并更新下级地区列表，避免页面刷新，提升用户体验。 3. **JSON数据格式**：地区数据通常以JSON格式存储，因为它轻量且易于...
bootstrap-table表格组件
01-15
12. **API接口**：提供丰富的JavaScript API接口，便于开发者进行编程控制，如初始化表格、刷新数据、获取选中行等。 在实际开发中，使用Bootstrap Table可以显著提升开发效率。只需简单的HTML和JavaScript代码，就...
关闭dialog时刷新当前tab页面
chengpeng的博客
07-30 3288
实现代码：   <div id="dlg" class="easyui-dialog" style="width:620px;height:150px;padding: 10px 20px" closed="true" buttons="#dlg-buttons" data-options="onClose:function(){window.location.reload(true
setInterval立即触发一次以及setInterval同步执行的解决办法
热门推荐
zhouyingxiong的博客
09-10 3万+
实现setInterval刷新页面立即执行一次 问题：setInterval函数在刷新页面的时候第一次执行需要等到设置的循环时间到才执行 方法1：在setInterval函数前写一遍要执行的js代码（可实现，但不雅观），代码如下： console.log(“立即执行”); setInterval(function(){ console.log(“立即执行”); },10000) 方法2：代码如下： function fn() { console.log(“立即执行”); return
http://www.xueh188.top/index.php/archives/30/
XUEH
03-24 288
table.bootstrapTable('refresh', {});
FastAdmin 刷新侧边栏
最新发布
weixin_41791245的博客
03-04 537
系统在public/assets/js/backend/index.js里面定义了刷新菜单的事件。
ifram框架F5刷新，只刷新当前页面，页面不跳转
小石头
07-01 1286
$("body").bind("keydown",function(event){ if (event.keyCode == 116) { event.preventDefault(); //阻止默认刷新 //location.reload(); //采用location.reload()在火狐下可能会有问题，火狐会保留上一次链接 ...
FastAdmin 修改底层js需重新打包(bankend-init.js等)
老王子的博客
02-14 588
fastadmin 修改底层js后，清理runtime和浏览器缓存，都不能使修改的js生效。
fastadmin修改的样式，关闭debug调试模式后失效
君子不卿
12-15 1193
首先确认你中app_debug的值，当为true的时候是采用的无压缩的JS和CSS，当为false时采用的是压缩版的JS和CSS。请确保php所在的目录已经加入到，否则会提示找不到该命令。打开命令行控制台进入到你的站点根目录，也就是think文件所在的目录。
fastadmin 修改完JS页面刷新没效果
zyh2468的博客
08-10 2213
很多新手在使用fastadmin的时候， 自己更改一些js中的代码， 发现一直没有效果，只有清除浏览器缓存时，才会出现效果，这是因为JS是有缓存的，这个时候需要把config 中的 app_debug, 要设置为 true ,才可以解决js 缓存的问题 文件位置 blog ├── application //此文件夹中所有文件会覆盖到根目录的/application文件夹 ├── assets //此文件夹中所有文件会复制到/public/assets/addons/blo
fastadmin select下拉列表
05-26
在 FastAdmin 中，可以使用 Select 字段类型来创建下拉列表。具体步骤如下： 1. 在模型中添加 Select 字段类型，例如： ```php protected $table = 'demo'; protected $name = 'Demo'; protected $insertFields = ['name', 'gender']; protected $updateFields = ['name', 'gender']; protected $fields = [ 'name' => [ 'title' => '姓名', 'type' => 'string', 'validate' => [ 'required' => true, 'max' => 20, ], ], 'gender' => [ 'title' => '性别', 'type' => 'select', 'options' => [ '1' => '男', '2' => '女', ], 'validate' => [ 'required' => true, ], ], ]; ``` 2. 在控制器中调用模板时，传递 options 参数，例如： ```php public function index() { $options = [ 'gender' => [ '1' => '男', '2' => '女', ], ]; $this->assign('options', $options); return $this->fetch(); } ``` 3. 在模板中使用 select 标签，并根据 options 参数生成 option 标签，例如： ```html <select name="gender" class="form-control"> {volist name="options.gender" id="vo"} <option value="{$key}">{$vo}</option> {/volist} </select> ``` 以上是创建下拉列表的基本步骤，你可以根据实际需求进行相应的修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值