我有一个模态,当用户选择表格中的项目时,我必须关闭模态并更新父页面上的表格。
父视图中的这个表有一个带按钮的列,当模态关闭时,我自动加载表,不调用data-formatter方法,并且不显示按钮。
这是我用来在表格中加载数据的方法:
function LoadTableData() {
$table = $('#myTable');
$.ajax({
url: $url,
type: 'GET',
data: { Id: parseInt($('#Id').val()) },
success: function (data) {
$table.bootstrapTable('load', data.rows);
},
error: function () {
console.log("Erro ao atualizar a grid");
}
});
}
function formatButtons(value, row, index) {
var editar = '<a class="edit ml10" href="javascript:void(0)" title="Editar"><i class="glyphicon glyphicon-edit"></i></a>';
var excluir = '<a class="remove ml10" href="javascript:void(0)" title="Excluir"><i class="glyphicon glyphicon-trash"></i></a>';
return [
editar, excluir
].join('');
}
<table data-toggle="table" id="myTable"
data-classes="table table-hover table-condensed table-bordered"
data-striped="true"
data-detail-view="false"
data-show-columns="false"
data-click-to-select="true"
data-id-field="Id"
data-show-toggle="false"
data-pagination="false">
<thead>
<tr>
<th data-field="Title" data-sortable="false" data-align="left">Title</th>
<th data-formatter="formatButtons" data-align="center"></th>
</tr>
</thead>
</table>
我的模态:
BootstrapDialog.show({
type: BootstrapDialog.TYPE_DEFAULT,
size: BootstrapDialog.SIZE_WIDE,
title: 'Parcelamento Customizado',
message: $('<div id="modalSelecionarClausula"></div>').load(url),
buttons: [{
label: 'Voltar',
action: function (dialogItself) {
dialogItself.close();
}
},
{
label: 'Selecionar',
id: "btnSelecionarClausulas",
cssClass: 'btn-primary',
action: function (dialogItself) {
LoadTableData(); //Here I call the refresh table
dialogItself.close();
}
}]
});
关于如何使其发挥作用的任何想法?
更新