Buongiorno,
ho una bootstrap-table in cui all' interno creo una ulteriore tabella per ogni tipo di cliente con dei dati relativi all' interno in questo modo:
codice:
tableAulacodici.on('expand-row.bs.table', function (e, index, row, $detail) {
$(".detail-icon").find('i').addClass("glyphicon");
$(".detail-icon").find('i').addClass('glyphicon-menu-down');
$(".detail-icon").find('i').removeClass("glyphicon-minus");
$(".detail-icon").find('i').removeClass("icon-minus");
$(".detail-icon").find('i').removeClass("glyphicon-plus");
$(".detail-icon").find('i').removeClass("icon-plus");
var thisIco = $(".detail-icon")[index];
var thisCheckbox = $(thisIco)[0].parentElement.parentElement.childNodes[1];
$(thisCheckbox).trigger("click");
$detail.html('Loading from ajax request...');
var attivi = row.ATTIVATE;
var attivabili = row.NMAX_ATTIVABILI;
var obj = "";
obj += '<h4 class="titoloTabellaAulacodici"> <b>Codici attivi:   ' + attivi + ' di ' + attivabili + ' ( ' + attivi + ' codici attivi su ' + attivabili + ' attivabili )</b></h4>'
+ '<table class="tableDetail tableDetail' + index + '" style="border:1px solid #dddddd;padding:1px"'
+ 'data-state-save="true" '
+ 'data-state-save-id-table="saveid"'
+ 'data-height="500" '
+ 'data-id-field="Codice"'
+ 'data-click-to-select="true" '
+ 'data-show-pagination-switch="false"'
+ 'data-pagination="false"'
+ 'data-page-list="[25, 50, 100, 200, all]"'
+ 'data-search="true" '
+ 'data-row-style="rowStyle"'
+ 'data-detail-view="false"'
+ 'data-detail-formatter="detailFormatter"'
+ 'data-show-refresh="false"'
+ 'data-url="json/data1.json">'
+ '<thead>'
+ '<tr class="headerDetail">'
+ ' <th data-field="state" data-radio="true" class="radioHeader"></th>'
+ ' <th data-field="codiceHardware" class="header headerMD codiceHardware" data-sortable="true" data-halign="center" data-align="center" data-width="170">CODICE HARDWARE</th>'
+ ' <th data-field="codiceHardwareVisibile" class="header headerMD macchinaAttiva" data-sortable="true" data-halign="center" data-align="center" data-width="100">CODICE PC</th>'
+ ' <th data-field="versioneAula" class="header headerMD" data-sortable="true" data-halign="center" data-align="center" data-width="90">VERSIONE AULA</th>'
+ ' <th data-field="vincolo" class="header headerMD vincoloMD" data-sortable="true" data-halign="center" data-align="center" data-width="280">VINCOLO</th>'
+ ' <th data-field="listatiAttivi" class="header headerMD listati" data-sortable="true" data-halign="center" data-align="center" data-width="400">LISTATI ATTIVI</th>'
+ ' <th data-field="dataInserimento" class="dataInserimentoMacchina header headerMD" data-sortable="true" data-halign="center" data-align="center">DATA INSERIMENTO</th>'
+ ' <th data-field="dataAggiornamento" class="dataAggiornamentoMacchina header headerMD" data-sortable="true" data-halign="center" data-align="center">DATA AGGIORNAMENTO</th>'
+ ' <th data-field="action" class="header headerMD deleteDetails actionDetails" data-sortable="false" data-halign="center" data-align="center" data-width="100" ></th>'
+ '</tr>'
+ '</thead>';
$detail.html(obj);
$(".tableDetail" + index).bootstrapTable({ .....});
Qualcuno sa come fare al click l' apertura di una singola tabella e la chiusura della tabella precedentemente aperta?