✅ Flexigrid dynamisk rutenett med JQuery og PHP

Innholdsfortegnelse

Flexigrid med spørsmål om pHp og MySQL
Slik bruker du Flexigrid med spørsmål om pHp og MySQL

Flexigrid med spørsmål om pHp og MySQL

Flexigrid er et gratis og åpent JQuery -bibliotek, som gjør det mulig å vise resultatet av en dataforespørsel i et rutenett, vise dem i en tabell, personsøke dem, sortere dem og samhandle med dataene. Flexigrid kan bruke forskjellige datakilder som XML, spør databasen ved hjelp av PHP og returnere dataene i JSON -format for å bli vist av Flexgrid.

Vi kan laste ned Flexigrid fra det offisielle nettstedet.

Slik bruker du Flexigrid med spørsmål om pHp og MySQL

Etter nedlasting av Flexigrid pakker vi ut zip -filen, deretter på en lokal eller ekstern server som vi så i opplæringen for å installere Xampp for å gjøre datamaskinen til en webserver, vil vi opprette en mappe for å inneholde eksemplet, vi trenger CSS og JS -mapper som er Flexigrid -bokhandelene.

Du må også ha en jQuery -versjon, vi kan bruke en online versjon som:

Vi kan også laste ned versjonen fra det offisielle nettstedet jQuery.com. jQuery er et bibliotek med JavaScript -funksjoner.

Deretter skal vi lage en database fra phpmyadmin som skal brukes i eksemplet

Database: `FlexEmpresa`

 OPPRETT DATABASE HVIS IKKE FINNES `FlexEmpresa` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci; Bordstruktur for bord `kunder` OPRET TABELL IF NOT EXISTS` kunder` (` id` int (11) NOT NULL, `name` varchar (100) DEFAULT NULL,` address` varchar (255) NOT NULL, `city` varchar (255) NOT NULL, `province` varchar (150) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 7 DEFAULT CHARSET = utf8;

Datadump for tabellkunder

 SETT INN I `kunder` (` id`, `navn`,` adresse`, `by`,` provins`) VERDIER (1, 'Adela Resjez', 'Lore de Balca 435', 'Madrid', 'Madrid') , (2, 'Gretel Martinez', 'Juan XXIII 1232', 'Barcelona', 'Barcelona'), (3, 'Olivia Asri', 'Marina Sur 123', 'Aranjuez', 'Madrid'), (4, 'Ledi Widaya', 'Calle 1 Norte 456', 'Sabadell', 'Barcelona'), (5, 'Alfonso Praudi', 'Salerno 48 Piso 1', 'Valencia', 'Valencia'), (6, 'Jose Albertez ',' Calle 13 586 ',' Sevilla ',' Sevilla '); Indekser for tabellen `kunder` ALTER TABLE` kunder` ADD PRIMARY KEY (` id`); ALTER TABLE `kunder` MODIFY` id` int (11) IKKE NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;