等到bootstrapTable完全加载后再做某事 [英] wait till bootstrapTable is fully loaded before doing something
问题描述
我有一个基于JavaScript的bootstrapTable,可动态生成表和数据.
I have a javascript based bootstrapTable that dynamically generates the table and data.
I am having an issue trying to apply some CSS styling and classes to some of the td
's that are being generated in this question. I have realized that I think my problem is that the table is not fully loaded which is causing my code not to work. It works fine if I manually write the table code, but not dynamically.
我尝试使用load
事件等待表加载,但这似乎不起作用
I tried using the load
event to wait for the table to load but that seems to not work
$table.load(function() {
// do something
});
在执行某些操作之前,我需要什么jquery才能等待$table
完全加载?
What jquery do I need to in order to wait for $table
to be fully loaded before I do something?
javascript表
var $table = $('#table-javascript').bootstrapTable({
method: 'get',
url: 'bootstrap_database.php',
height: 3849,
cache: false,
striped: true,
pagination: true,
search: true,
pageSize: 100,
pageList: [100, 200, 600, 1000],
minimumCountColumns: 2,
clickToSelect: true,
columns: [{
field: 'ID',
title: 'ID',
align: 'center',
visible: false
},{
field: 'backlink',
title: 'Backlink',
align: 'left',
width: '20'
},{
field: 'indexed',
title: 'PI',
align: 'center',
width: '20',
},{
field: 'dindexed',
title: 'DI',
align: 'center',
width: '20',
},{
field: 'moz',
title: 'MOZ',
align: 'center',
width: '20',
},{
field: 'email',
title: 'EM',
align: 'center',
width: '20'
},{
field: 'social',
title: 'SOC+',
align: 'center',
width: '20'
},{
field: 'whois',
title: 'WHO',
align: 'center',
width: '20'
},{
field: 'notes',
title: 'NT',
align: 'center',
width: '20'
},{
field: 'removed',
title: 'RM',
align: 'center',
width: '20'
},{
field: 'import_label',
title: 'SR',
align: 'center',
width: '20'
},{
field: 'important',
title: 'IM',
align: 'center',
width: '20'
},{
field: 'refresh',
title: 'RF',
align: 'center',
width: '20',
class: 'refreshstats'
},{
field: 'exempt',
title: 'EX',
align: 'center',
width: '20',
},{
field: 'spammy',
title: 'SP',
align: 'center',
width: '20',
}]
});
推荐答案
有许多事件可以覆盖:
onAll: function (name, args) {
return false;
},
onClickRow: function (item, $element) {
return false;
},
onDblClickRow: function (item, $element) {
return false;
},
onSort: function (name, order) {
return false;
},
onCheck: function (row) {
return false;
},
onUncheck: function (row) {
return false;
},
onCheckAll: function () {
return false;
},
onUncheckAll: function () {
return false;
},
onLoadSuccess: function (data) {
return false;
},
onLoadError: function (status) {
return false;
},
onColumnSwitch: function (field, checked) {
return false;
},
onPageChange: function (number, size) {
return false;
},
onSearch: function (text) {
return false;
},
onToggle: function (cardView) {
return false;
},
onPreBody: function (data) {
return false;
},
onPostBody: function () {
return false;
},
onPostHeader: function () {
return false;
},
onPreRows: function () {
return false;
},
onPostRows: function () {
return false;
}
不了解此插件的工作原理,建议尝试使用onLoadSuccess
或onPostRows
:
Knowing nothing about how this plugin works, I would suggest trying the onLoadSuccess
or onPostRows
:
var $table = $('#table-javascript').bootstrapTable({
method: 'get',
...
onLoadSuccess: function() {
// do something
},
...
});
这篇关于等到bootstrapTable完全加载后再做某事的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!