Javascript-forum
Filtertabelle nach Feld stammt.... - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Plugins und andere Scripte Frameworks (https://javascript-forum.de/forumdisplay.php?fid=24)
+--- Forum: DataTables (https://javascript-forum.de/forumdisplay.php?fid=25)
+--- Thema: Filtertabelle nach Feld stammt.... (/showthread.php?tid=500)



Filtertabelle nach Feld stammt.... - admin - 18.04.2022

Hallo zusammen,
Ich habe ausführlich gesucht und kann die Antwort nicht finden, ich beabsichtige, die Tabelle mit einem Feld von der HTML-Seite zu filtern.
Unterhalb meines Codes möchte ich nach dem Feld "Owner.Own_Id" filtern, das ich im Code habe (Suche: "1").
Code:
function loadDataTable() {
dataTable = $('#tblData').DataTable({
"ajax": {
"url": "/Admin/Property/GetOwners",
type: "GET",
contentType: "application/json ",
dataType: "json",
success: function(date) {
alert(data.d.date)
}
},
pageLength: 10,
searchCols: [null, { search: "1" , "regex": true }, null , null, null, null, null, null],
lengthMenu: [2, 5, 10, 20, 50, 100, 200, 500],
"Spalten": [
{ "data": "prop_Id", "width": "3%" },
{ "data": "owner.own_Id", "width": "3%" },



RE: Filtertabelle nach Feld stammt.... - admin - 18.04.2022

Ich nehme an, Sie meinen ein Feld aus Ihrer Datentabelle.
Sie sagen nicht, aus welcher Tabellenzeile Ihr Suchfeld stammen soll. Ich nehme an, es stammt aus der ausgewählten Zeile (falls vorhanden), falls Sie die Erweiterung "select" verwenden.
Code:
yourTable
    .on ( 'select', function (e, dt, type, indexes ) {
         var selected = dt.row( {selected: true} );
         if (selected.any()) {
             dt.search( selected.data().owner.own_id ).draw();
         }
    })



RE: Filtertabelle nach Feld stammt.... - admin - 18.04.2022

Herzlichen Dank für Ihre Unterstützung,
Am Ende habe ich eine andere Lösung verwendet, in Zukunft werde ich direkt in JSON filtern.
Unten ist die verwendete Lösung:
Code:
const ownerID = document.getElementById('Owner_Own_Id').value

function loadDataTable() {
    dataTable = $('#tblData').DataTable({
        "ajax": {
            "url": "/Admin/Property/GetOwners",
            type: "GET",
            contentType: "application/json",
            dataType: "json",
            sucess: function (data) {
                alert(data.d.data)
            }
        },
        pageLength: 10,
        searchCols: [null, { search: ownerID , "regex": true }, null, null, null, null, null, null],