Bootstrap模式关闭后,Bootstrap表无法正确显示

时间:2016-07-14 13:08:25

标签: jquery bootstrap-modal bootstrap-table

我有一个模态,当用户选择表格中的项目时,我必须关闭模态并更新父页面上的表格。

父视图中的这个表有一个带按钮的列,当模态关闭时,我自动加载表,不调用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();
        }
    }]
});

The table before and after

关于如何使其发挥作用的任何想法?

更新

模态关闭后的控制台。 enter image description here

0 个答案:

没有答案