bootstrap-table初始数据，页面一直显示“正在努力加载数据中，请稍后“

继上次的《bootStrap-table实战详解与问题总结》

这次的需求比较简单，就是简单的数据展示。这次依然用的boostrap，不过这次没有什么搜索，也没有什么分页信息，所以这个表格初始化也比较简单

下面就是我的js代码

代码的主要意思就是通过ajax调用后台接口，然后将返回的json数据使用bootstrapTable进行初始化

var loadKnowledge = function(classifyTwo){$.ajax({url : "${ctx}/oa/aipos/loadKnowledge",type : "get",async : false,dataType:"json",data : {"classifyTwo": classifyTwo},success: function (returnData) {var datas = returnData.rows;$("#knowledgeRecommend").bootstrapTable('destroy').bootstrapTable({data: datas,classes: 'table table-bordered table-hover table-striped',columns: [{field: 'title',title: '标题',formatter:function (value,item,a) {return "<a href='"+item.url+"' target='_blank'>"+value+"</a>";}}, {field: 'fjcontent',title: '内容'}, {field: 'areaName',title: '发布区域'}, {field: 'createTime',title: '创建时间'}, {field: 'visitCount',title: '浏览量'}]});},error: function () {alert("错误");}});
};

最后运行一下，发现数据倒是加载出来了，但是数据的上方总有一行小字 “正在努力加载数据中，请稍后”

这肯定是不行的啊，于是就疯狂百度，然后帖子都是这样说的

跟着百度加上这一段代码 $(’#historytable’).bootstrapTable(“hideLoading”);

然后运行结果是

这里可能是场景不同，所以没有效果

好了长话短说，因为在使用bootstrap-table时需要引用对应的js吧

我忘了把css也引用上去了，所以加上css最后就可以了

bootstrap-table初始数据，页面一直显示“正在努力加载数据中，请稍后“相关推荐

vue 实现数据滚动显示_vue 滚动加载数据
table数据多的时候打开页面会加载一会才显示数据,这样体验不好,所以要做滚动加载数据 {{eventMap[scope.row.eventId] == null ? '--': eventMap[s ...
使用udig配置数据样式（二）——udig加载数据
1.启动udig 双击udig快捷方式,等几秒后,udig启动成功,如图所示: 2.创建项目第一次键入该软件,需要新创建一个Project,即工程目录,可以理解为Eclipse的WorkSpace. ...
react页面数据过多怎么办_解决 React-Native 加载数据页面卡顿问题
一般情况下,我们在componentDidMount方法里面执行请求数据.根据字面意思:页面组件加载完毕,然后请求数据. 对的 ,没毛病!!! 然而问题就出现,当我们跳转到新页面时,到界面请求完数据, ...
Bootstrap弹出框（Popover）插件动态加载数据
效果鼠标点击输入框弹出提示内容,内容是根据输入的字符动态加载的,效果如图: HTML <input type="text" class="form-control ...
ajax 技术动态加载数据,jQuery结合Ajax实现动态加载数据【原创】
原先的页面如下: 要实现的效果图: 要实现的效果,就是点击"查看更多"按钮,动态加载五条数据.而点击"查看所有"时数据全部加载. 主要的思路: 1.点击按钮,发 ...
滚动到底部自动加载 html,移动端页面滚动到底部自动加载数据
$(window).bind("scroll", function () { if(getScrollHeight() == getDocumentTop() + getWindo ...
python爬取js加载的数据_Python爬虫:爬取JS加载数据的网页
比如简书: Paste_Image.png 我们来写个程序,爬取简书网站随便一个作者的所有文章,再对其所有文章进行分词统计程序运行统计的结果见文章: 我统计了彭小六简书360篇文章中使用的词语需要 ...
listView分批和分页加载数据
在Android应用程序中,有时候会向listView中加载很多数据,向listView中加载数据是一个耗时的过程,加载过多的数据用户停留在listView上,一直等待,给用户的体验特别不好,比如向服 ...
iscroll5 上拉，下拉加载数据
我这里的思路是上拉时候只是加载第一页的内容,可根据实际情况修改其中的代码.请勿照搬.样式没怎么调,可以加载gif动画.1.没有数据时候,下拉可以加载数据.2.没有数据时候,点击也可以加载数据.3.其余 ...
List 分页加载数据控制机制
分页加载是一种应用很广泛的数据展示控制机制,相信绝大多数开发者对于这一套机制都非常熟悉.这篇文章的主要目的结合实际的使用场景,对以往在开发中遇到一些概念进行梳理,归纳的同时加深理解,也希望能帮助更多刚 ...

bootstrap-table初始数据，页面一直显示“正在努力加载数据中，请稍后“

bootstrap-table初始数据，页面一直显示“正在努力加载数据中，请稍后“相关推荐

最新文章

热门文章