Live search balk toevoegen aan pagina

Door Ricardo B op 28-01-2022 11:38 gewijzigd op 28-01-2022 12:45

3.320 views

Hoi,

Ik ben bezig met een klanten / werk order systeem waarbij ik data kan vast leggen van klanten en werk historie inmiddels is er een hoop gelukt daarom de post aangepast om meer overzicht te krijgen (Scripts die ik niet meer gebruik + vragen daarover verwijderd).

Inmiddels toch werkend kunnen krijgen voor 90% alleen snap ik niet hoe dit werkt.

De zoek balk, paginering worden door javascript geregeld en worden in het script toegevoegd

              <table class="table table-hover table-condensed" id="example">
                <thead>
                  <tr>
                                                        <th>#</th>
                                                        <th>Naam</th>
                                                        <th>Email</th>
                                                        <th>Telefoon Nummer</th>
                                                        <th>Toestel</th>
                                                        <th>Imei</th>
                                                        <th>Registratie Datum</th>
                                                        <th>Acties</th>
                  </tr>
                </thead>
                <tbody>
                <?php $ret=mysqli_query($con,"select * from klantorder");
												$cnt=1;
												while($row=mysqli_fetch_array($ret))
												{
													$_SESSION['ids']=$row['id'];
												?>
                  <tr >
                    <td class="v-align-middle"><?php echo $cnt;?></td>
                    <td class="v-align-middle"><?php echo $row['naam'];?></td>
                    <td class="v-align-middle"><span class="muted"><?php echo $row['email'];?></span></td>
                    <td><span class="muted"><?php echo $row['telefoon'];?></span></td>
                    <td><span class="muted"><?php echo $row['toestel'];?></span></td>
                    <td><span class="muted"><?php echo $row['imei'];?></span></td>
                    <td class="v-align-middle"><?php echo $row['datum'];?>
                    <?php echo $row['cms'];?>
                    <?php echo $row['seo'];?>
                    <?php echo $row['smo'];?>
                    <?php echo $row['swd'];?>
                    <?php echo $row['dwd'];?>
                    <?php echo $row['fwd'];?>
                    <?php echo $row['dr'];?>
		    <?php echo $row['whs'];?>
                    <?php echo $row['wm'];?>
		    <?php echo $row['ed'];?>
		    <?php echo $row['wta'];?>
	            <?php echo $row['opi'];?>
		    <?php echo $row['ld'];?>
		    <?php echo $row['da'];?>
                    <?php echo $row['osc'];?>
                    <?php echo $row['nd'];?>
                    <?php echo $row['others'];?>
                    </td>
                      <td><a href="edit-user.php?id=<?php echo $row['id'];?>" class="btn btn-primary btn-xs btn-mini">Bekijk & Bewerk</a> 
                     <button type="button" class="btn btn-danger btn-xs btn-mini">Verwijder</button></td>
                  </tr>
                 <?php $cnt=$cnt+1; } ?>
                </tbody>
              </table>

En dan is het meer dit gedeelte wat ik niet snap:

                    <?php echo $row['cms'];?>
                    <?php echo $row['seo'];?>
                    <?php echo $row['smo'];?>
                    <?php echo $row['swd'];?>
                    <?php echo $row['dwd'];?>
                    <?php echo $row['fwd'];?>
                    <?php echo $row['dr'];?>
		    <?php echo $row['whs'];?>
                    <?php echo $row['wm'];?>
		    <?php echo $row['ed'];?>
		    <?php echo $row['wta'];?>
	            <?php echo $row['opi'];?>
		    <?php echo $row['ld'];?>
		    <?php echo $row['da'];?>
                    <?php echo $row['osc'];?>
                    <?php echo $row['nd'];?>
                    <?php echo $row['others'];?>

ik loop alleen nog tegen 2 problemen aan, de Id's worden niet op volgorde weergegeven

Dit werkt helaas niet

$ret=mysqli_query($con,"select * from klantorder ORDER BY id ASC");

en de verwijder knop die doet niets word wel gedfineerd door een class maar thats it (bestaand systeem aanpassen) de knop hoeft niet specifiek via een class te lopen als hij maar functioneel is :)

- Ariën -

28-01-2022 16:03

Die knop voor bewerken komt hier uit op een bewerkings-pagina. Dus dat zit goed.

Het zoeken bij de werkorder geeft constant dezelfde resultaten aan die uit fetch.php komen. Of daar is een boel hardcoded, of er mist een WHERE of $_GET.

R Ricardo B

28-01-2022 16:05

De bewerking knop werkt idd volledig
de verwijder knop helaas niet

ik denk dat je bij het verkeerde kopje kijkt, het huidige script is manage-quotes.php
kopje manage-quotes in de linker menu

- Ariën -

28-01-2022 16:12

Op manage-quotes.php werkt het editten, en het filteren verder prima.
Je moet uiteraard wel een oplopende waarde bij de data-order hebben. Als je alles op 123456 gaat sorteren, dan gaat dat nooit lukken. :P

En over het verwijderen. Ik zie geen link eraan hangen die iets moet doen?
Waarom trek je die stijl ook niet gelijk met de button van het wijzigen? Dat je dus twee buttons hebt.
Een class voor de kleurmaakt dan het onderscheid.

R Ricardo B

28-01-2022 16:16

editen en filteren gaat idd prima so far so good :P

123456 was meer als test om te kijken wat het doet :P wat zou ik daarvoor in de plaats kunnen gebruiken ?

verwijder knop lijkt niks aan te hangen de gedachte was dat dit wellicht ook door java gergeld zou worden aangezien er wel een class is gedefineerd maar met die knop gaat het wel lukken, de sorting is het grootste punt

- Ariën -

28-01-2022 16:18 gewijzigd op 28-01-2022 16:25

Een oplopend getal? Die van je ID bijvoorbeeld.

PS: Je hebt het nog steeds over Java ;-)

Als je wat zoekt over het deleten, dan zou dit wel volstaan:
https://codeanddeploy.com/blog/php/delete-data-with-jquery-in-php-mysql-using-ajax
De delete-knop verbind je met een AJAX-request naar een item-delete.php?id=123, en als de juiste waarde teruggeeft om te bewijzen dat het gelukt is, dan haal je met jQuery het item in beeld weg. Uiteraard wel even een confirm() tonen.

En voor het geval dat.... verwijder nooit zomaar belangrijke data uit je database, maar markeer deze als deleted. Het zou leuk zijn als je zulke transacties in je database ook tussentijds logt. Zo kan je later nog terugzien wat Pietje heeft uitgevroten.

R Ricardo B

28-01-2022 17:59 gewijzigd op 28-01-2022 18:00

Wat bedoel je precies met oplopend getal ? ik neem aan dat je geen 1,2,3,4,5,6,7,8,9 bedoelt enz meer in een array ? or ASC ? of 1 > ?

vaste waarde kan het eigenlijk niet hebben er zullen steeds ID's bij komen

Delete button is ook werkend met


<?php
include("checklogin.php");
check_login();
include("dbconnection.php");


$id = (int)$_GET['id'];

mysqli_query($con,"DELETE FROM klantorder WHERE id='".$id."'");
mysqli_close($con);
header("Location: manage-quotes.php");
?>


<a href="delete.php?id=<?php echo $row["id"];?>" class="btn btn-danger btn-xs btn-mini">Delete</a>

Moet er idd even op letten anders word het zo onduidelijk (Niet dat ik met deze post duidelijk ben :P )

- Ariën -

28-01-2022 18:01 gewijzigd op 28-01-2022 18:05

Ricardo B op 28/01/2022 17:59:57

Wat bedoel je precies met oplopend getal ? ik neem aan dat je geen 1,2,3,4,5,6,7,8,9

Jawel. Niet te lastig nadenken. ;)
Ik raad wel aan om een return waarde terug te geven over of het verwijderen gelukt is.

R Ricardo B

28-01-2022 18:32

Yes! ik ben er.

Ik ben even gaan puinruimen en alle javascript's die toegevoegd waren verwijderd.

toen heb ik een live datatable site gevonden en hier vandaan de volgende code gebruikt


    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>

onderaan mijn script dit geplaats


<script>
$(document).ready( function () {
  var table = $('#example').DataTable();
} );
</script>

en nu werkt eindelijk alles volledig zoals het hoort !

Ariën ik wil jou bedanken voor de tijd en geduld !

[size=xsmall]Toevoeging op 28/01/2022 18:38:20:[/size]

Ik voeg in dit geval ook een externe link toe in mijn script, is het verstandig om deze bestanden zelf te downloaden en te uploaden naar mijn site ? kwa betrouwbaarheid ?

- Ariën -

28-01-2022 18:49 gewijzigd op 28-01-2022 19:01

Zelf downloaden kan ook. Dat is geen enkel probleem. Als je Composer hebt dan kan je het mogelijk daar ook in vinden. Dan is updaten ook meteen een eitje.

Reageren

Inloggen om te reageren