Question

我正在尝试根据存储在localStorage中的一些用户配置动态更改引导表上的配置并重新加载它。

该表在页面加载时填充，但某些事件可以在页面内触发并根据用户设置更改其配置。

我在SO中查看了official documentation,和some questions。我试着这样做，如下所示：

var $table = $('#grd-fatura');        
$table.bootstrapTable('refresh', {
    pageSize: 2
});

（为了测试目的，从上面的代码中删除了localstorage.getItem块和规则。）

这是我的表格代码（注意一些元素是葡萄牙语）：

<table 
    id="grd-fatura" data-click-to-select="true" data-response-handler="responseHandler"
    data-pagination="true" @*data-height="460"*@ data-show-footer="true" data-search="true" 
    data-show-columns="true" data-cache="false" data-show-toggle="true" data-show-export="true">
    <thead>
        <tr>
            <th data-field="state" data-checkbox="true"></th>
            <th data-field="ID" data-unique-id="ID" data-align="left" data-visible="false" data-sortable="true">Código</th>
            <th data-field="estabelecimento" data-align="left" data-sortable="true">Estabelecimento</th>
            <th data-field="historico" data-align="left" data-sortable="true">Histórico</th>
            <th data-field="tipo" data-align="left" data-sortable="true">Tipo</th>
            <th data-field="pessoa" data-align="left" data-sortable="true">Pessoa</th>
            <th data-field="emissao" data-align="center" data-sortable="true">Emissão</th>
            <th data-field="referencia" data-align="left" data-sortable="true">Referência</th>
            <th data-field="situacao" data-align="left" data-sortable="true">Situação</th>
            <th data-field="total" data-align="right" data-sortable="true" data-footer-formatter="Totalizador">Total</th>
        </tr>
    </thead>
</table>

代码不起作用。该表不刷新，代码不会产生任何错误。我看了some examples，找不到我错的地方。那么，如何动态更改Boostrap表设置？我在上面的代码中做错了什么？

注意：我使用的是Bootstrap 3。

Answer 1

试试这个：

<h1 data-class="blue">Blue</h1>
<h1 data-class="green">Green</h1>

<div class="color">I'm changing colour here.</div>

<script>
$('h1.color').on('click', function() {
    $(this).css({"background":"attr('data-class')"});
});
 </script>

重新加载引导表刷新和更改设置

1 个答案: