boostraptable 表格数据未刷新

boostraptable 创建表格过程

1。插入<table></table>标签

 <div id="totalCal" style="width: 940px"><!--插入表格样式--><table id="tb" style="width: 940px;background-color: #0D223F; " table table-bordered></table><!-- <span class="m_b">回路:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> --></div>

2.动态创建表格（客户端方式调用）

 function init(newSelects) {// body...$('#tb').bootstrapTable({data: newSelects,toolbar: '#toolbar',pagination: true, //是否显示分页striped: true, //表格显示条纹，默认为falsecache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为truepageList: [10, 20], // 设置页面可以显示的数据条数pageNumber: 1, // 首页页码pageSize: 10,//单页记录数sortName: 'disname',sidePagination: "client",columns: [{field: 'disname',title: '塔号',align: 'center',valign: 'middle'},{field: 'dis',title: '导线对地最短距离',align: 'center',valign: 'middle'}, {field: 'mdis',title: '弧垂最低点',align: 'center',valign: 'middle'}, {field: 'gotoLoad',title: '定位',align: 'center',valign: 'middle',formatter: operateFormatter //自定义表单}],responseHandler: function (data) {return data.rows;}});}//格式化操作function operateFormatter(value, row, index) {var towerid=row.towerid;return ['<i class="layui-icon" lay-event="local" style="cursor:pointer" onclick=GotoLoad("'+towerid+'",'+row.lon+','+row.lat+','+row.alt+')></i>',].join('');}//定位function GotoLoad(towerid,lon, lat, alt) {// var lon = parseFloat(121.225);//            var lat = parseFloat(22.880);//            var alt = parseFloat(1000);//开始渲染线parent.RenderLineBytowerId(towerid);parent.flyToLocation(lon, lat, alt);}

3.如何调用

1.初始化数据$(function () {
var newSelects = '';init(newSelects);});2.填充表格function CaculateDis() {var empty = [];$("#tb").bootstrapTable('load', empty);//清空表格数据var data1 = parent.GetEvOnlyDistance();var newSelects = $.parseJSON(data1).data;//load 数据，是数组[object]
$("#tb").bootstrapTable('load', newSelects);//}

4.遇到问题，表格数据没有清空。原因是由于，后台的List集合在下一次点击后，没有清空，保留上一次的值。

boostraptable 表格数据未刷新相关推荐

【ElementUI】el-table 设置 max-height 后，当表格数据未超过高度时，表格右侧会出现空白列的解决方案
今天在开发过程中,遇到了一个有点棘手的问题.棘手的原因是,我搜索了一圈,结果没发现解决方案,甚至没看到几个遇到相同问题的朋友.这让我感到十分疑惑,作为一个 CV 程序员,难道是我参照文档用的方法不对? ...
关于JavaSwing表格部件的表格数据的刷新解决方法
在此整理一个JavaSwing的表格组件关于如何刷新数据的方法步骤如下: 表格初始化创建DefaultTableModel对象(参数1,参数2),参数1是表格内容,其数据类型为一个二维数组,参数2 ...
java局部刷新表格数据,局部刷新如何实现？看我简单实现局部刷新、分页
在这里小小推荐下我的个人博客前言 1.感谢大家的关注和阅读,坚持干货不断--- 2.今天我们来说一下如何通过ajax实现局部刷新. 应用场景在Java中,如果我们一个页面中有很多的信息都是从后台传 ...
Vue删除数据成功后如何刷新表格数据
文章目录刷新表格数据的方法: 1.this.$router.go(0) 2.location.reload() 3.跳转空白页再跳回原页面 4.控制的显示隐藏(最实用的方法) 刷新表格数据的方法: ...
layui数据表格，操作当前行，数据重载（刷新表格数据）
最近项目中使用到layui前段框架,在修改完当前行的数据,并同步到数据库后,页面展示的还是旧数据虽然刷新页面可以解决问题,但这小问题还是让人不爽,人类总是懒惰的,绝不自己点刷新(狗头) 清空学生信息 ...
iView UI --Table组件数据刷新但是页面未刷新
问题:table选择框,获取数据后,根据需求需要默认选中个别选择框,数据打印fromConData中_checked值已经为true了,但是页面上并没有勾选对应选择框解决:table 中设置 :ke ...
LayUI数据表格自动定时刷新，并且停留在当前页面
朋友刚刚来找我说,想要LayUI的数据表格定时刷新,刷新之后能够停留在当前页面,但是在查询的时候表格又要从第一页开始. 一开始我是想着自动刷新就使用$.post()+定时器,当前页面的话,加个参数区分 ...
删除表格数据后自动刷新_Calliope: 表格数据的自动故事生成系统
视觉数据故事以叙事可视化的形式呈现,如海报或数据视频,通常用于面向数据的故事讲述中,以促进对故事内容的理解和记忆.虽然有用,但技术障碍(如数据分析.可视化和脚本)使可视化数据故事的生成变得困难.现有的 ...
删除表格数据后自动刷新_表格中一键即可删除重复数据，你居然还用逐条排查？...
平时用表格处理大量数据的时候,总会遇到大量的重复无效数据. 如果只有几十条数据,也就罢了,一条一条比对,很快也能清理完,可是如果数据多达上百条,甚至成千上万条,还是去一条一条筛选,那得排查到过年了. ...

boostraptable 表格数据未刷新

boostraptable 创建表格过程

boostraptable 表格数据未刷新相关推荐

最新文章

热门文章