Hogyan kell használni a widget autocomplete iquery ui

Widget csatlakozik keresztül automatikus kiegészítés () módszer. objektum adódik, mint a módszer érv szó, hogy konfigurálja a forrás lehetőséget és visszaút válassza ki és módosítsa az események függvényében.

forrás opció lehet megadni egy forrás pályázati automatikus kiegészítés menüben. Mi használja ezt a funkciót, mint érték ezt az opciót, ami két argumentuma. Az első egy olyan kifejezés bevezetett . és a második - egy callback függvényt, amely továbbítására használjuk a javaslatok vissza a modult.

Ebben a funkcióban használjuk jQuery getJSON () metódus át a kifejezést PHP fájlt a szerver oldalon. PHP fájl kifejezést használja letölteni hasonló kapcsolattartó személyek nevét az adatbázisból MySql. Az általunk használt jsonp vissza az adatokat vissza a folyamatot. A visszahívó függvény átadott második paraméterként forrás lehetőség magában foglalja adatok beszerzése a tömbben. Így annak szükségességét, hogy hozzon létre egy üres tömböt, és használja jQuery each () módszer, hogy kezelni minden tétel JSON által visszaadott a szerveren. Iteration végzünk minden elem a tömbben, és adjunk hozzá minden egyes mondat egy új tömb. Amint egy új tömböt fog épülni, akkor adja át a visszahívási funkció megjelenítéséhez a widget menü.

Ezután az eseménykezelő a válasszuk automatikus kiegészítés. Ez a funkció végzi a widget, ha egy javaslat megjelent automatikus kiegészítés menüben. Ez a funkció automatikusan két paramétert - az esemény objektum és az objektum ui, mely tartalmazza a kiválasztott mondat. Mi használja ezt a funkciót, hogy formázza a címzett nevét, és adja hozzá a

. Csak hozzon létre egy elemet A szöveg és a link elem, amelyet használnak, hogy távolítsa el a címzettnek. Miután formázott, a címzett nevét jön létre, akkor egészül ki közvetlenül előtte álcázott .

Ezután adjunk hozzá egy változás eseménykezelő. Ez a funkció kerül meghívásra, amikor az értéke . amely kapcsolatban automatikus kiegészítés. Egyszerűen távolítsa el az értéket a . mert már hozzá egy formázott tárolóverziót

.

Ez az egész konfigurációt, ami szükséges egy adott alkalmazás, de van néhány olyan funkciót, amelyek szükségesek ahhoz, hogy a pontossága a kódot. Miután módszer autocomplete (), hogy hozzá a következő kódot:

, amely csatlakozik a Google automatikus kiegészítésre, szinte rejtett és konténer

Ez egy stílus, ami úgy néz ki mint a többi formák terén. Hogy teljes legyen a megtévesztés adunk hozzá egy kattintással eseménykezelő konténer

, így megnyomásával egérgombbal bárhová koncentrál érvényes . Most vizuálisan és funkcionálisan

Ez nem különbözik a normál területen.

5. lépés-kód és az erőforrások

Tárolni egy listát az összes nevet a címzettnek a MySql adatbázis. A következő PHP fájlt kapja által küldött adatok getJSON (), és húzza a megfelelő nevek az adatbázisból:

Futtatni a mintát kell egy webszerver telepítve és konfigurálva a PHP, a MySQL és a szerver és a megfelelő adatbázis és tábla. Amikor egy karakter szerepel a „Címzett” mezőben, akkor továbbítják srever és segítségével lehet kinyitni az adatbázisból minden név karakterrel kezdődik. Megfelelő nevek azután vissza az oldalra, és megjeleníti a menüt kínál:

következtetés

Űrlapunk a valóságban semmi nem fog küldeni. Funkcionalitás könnyen megvalósítható esemény feldolgozásának kötődik a „Küldés” gombra.

jQuery UI automatikus kiegészítés Widget egyszerűvé teszi a csatlakozást bármely adatforrás és tartalmaz egy gazdag funkcionalitással kezelni az eseményeket, hogy tudjuk használni, hogy válaszoljon a szöveg beviteli mező társult vagy válogatott javaslatokat a menüből. Widget stilizált CSS segítségével jQuery UI munkakörnyezet és könnyen konfigurálható, hogy illeszkedjen a témája a helyszínen. Általában le a widget nagyon könnyen használható, és nagy funkcionalitást.

5 óra utolsó oszlopában „jQuery”

Ma szeretnénk, hogy meséljek TypeIt könyvtár - ingyenes jQuery plugin. Ön tudja használni, hogy szimulálja a gépelést. Ha minden megfelelően van beállítva, nagyon realisztikus hatás érhető el.

jQuery plugin létre egy idővonal.

jQuery plugin létre egy Gantt diagram.

Egy példa arra, hogyan hajtsák végre a letöltött fájl segítségével PHP és jQuery ajax.

Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!

Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!

előző ◈ a következő