So erhalten Sie vollständige Daten von (html) Bootstrap-Tabelle, wenn Paginierung aktiviert ist

Question

Ich verwende bootstrap table in meiner Webseite und möchte vollständige Textdaten aus allen Tabellenzellen, wenn Paginierung aktiviert ist. Ich habe die folgende Methode versucht und es gibt alle Daten:

var data = $('#' + tableID).bootstrapTable('getData') 

Jetzt, als ich data Objekt durchqueren für jede Zelle zu bekommen Wert es funktioniert gut, aber für diejenigen Zellen, die eine verschachtelte HTML haben, zum Beispiel:

<td class="danger">cell 4</td> 
    <td> 
    <a href="https://www.google.com">google</a> 
    </td> 

nun in diesem Fall möchte ich Wert für die zweite Zelle als google erhalten aber es gibt mir ganze html als

<a href="https://www.google.com">google</a> 

Irgendeine Idee, wie ich nur Textwert bekommen kann.

Ich kann keine serverseitige Operation ausführen, ich muss dies mit Javascript/jquery erreichen. Ich habe auch versucht jquery mit:

function getColData(tableID,colIndex) { 
    var colArray = $('#' + tableID + ' td:nth-child'+'('+colIndex+')').map(function(){ 
      return $(this).text(); 
     }).get(); 
     return colArray 
    } 

es gibt richtig Daten, sondern nur die auf aktive Seite sichtbar ist, und ich möchte alle Daten.

Answer 1

Da die eigentlichen Daten als String eingehen, glaube ich nicht, dass bootstrap-table sie von den anderen Daten unterscheiden kann. Die einfache Lösung, die ich mir vorstellen kann, ist die Verwendung von substring(), um die Daten aus den Zellen zu extrahieren, die benutzerdefiniertes HTML enthalten.

http://jsfiddle.net/vwg5Lefz/

Die Alternative ist durch die erzeugte Tabelle gehen <td> und verwenden text() die Textdaten aus den Zellen zu erhalten.

http://jsfiddle.net/n0djy60v/

Answer 2

Basierend auf Dateien auf JSFiddle ich das JS Teil geändert haben sich wie folgt, wird dies der Text auf jedem td erhalten (d. Text oder Textinhalt) und nicht die Werte ihrer Attribute. Im Grunde durchläuft das DOM die Suche nach in Einsen eingebetteten Tags - mit Ausnahme der Tags in der Tabelle - und erhält dann den Textwert.

var table = $('#table'), button = $('#button'); 
button.click(function() { 
    var data = []; 
    table.find('tr:not(:first)').each(function(i, row) { 
    var cols = []; 
    $(this).find('td').each(function(i, col) { 
     cols.push($(this).text()); 
    }); 
    data.push(cols); 
    }); 
    alert(data); 
}); 

Sie können es sehen in Aktion here

UPDATE: Dadurch werden Sie alle Daten erhalten, unabhängig davon, Paginierung, auch wird es Tags und verschachtelte Tags abzustreifen.

var table = $('#table'), button = $('#button'); 

button.click(function() { 
    var messedData = table.bootstrapTable('getData'); 
    var data = []; 
    $.each(messedData, function(i, row) { 
    var rowData = { 
     'name': row['0'], 
     'star': row['1'], 
     'forks': row['2'], 
     'desc': row['3'], 
    } 

    for (prop in rowData) { 
     var tmp = document.createElement("div"); 
     tmp.innerHTML = rowData[prop]; 
     rowData[prop] = tmp.textContent || tmp.innerText || ""; 
    } 

    data.push(rowData); 
    }); 
    console.log(data); 
}); 

können Sie sehen, es here