Javascript dinamikus html táblázat

Beletelt egy projekt néhány nappal ezelőtt, hogy nem html tábla, ami levezethető szerver php skipt. De az asztal nem egy egyszerű és dinamikus. Dinamikus, abban az értelemben, hogy szükséges volt ahhoz, hogy a felhasználó számára, hogy módosítsa a rajta tárolt adatok. Hozzáadása és törlése sorok, valamint elküldeni a szerkesztett adatokat a szerverre. Ebben a cikkben fogom leírni létrehozásának folyamatát egy HTML-táblázatban, valamint kapsz egy teljesen működő, kommentálta lista.

Figyelem! Kérésére a kiváló Pál script véglegesítésre került. Ennek eredményeképpen vált több funkciós. Ma már lehetőség van elhelyezni egyéb elemeinek html-formák. A szkript lett kisebb. Ezen kívül nem sok minden változott a szerkezet a küldött adatok a szerverre, azt hiszem, még előnyösebb lesz. Sajnos, ha adsz egy leírást a script az oldalon, akkor kell átírni a teljes cikket, de én nem vadásznak. Szóval tele az új forgatókönyvet, hogy a lerakat: Dynamic HTML táblázatot, ahol van is egy teljes példa és leírást, hogyan kell használni, és egy példát, hogyan kell dolgoznia az adatokat a szerveren.

Végül egyre html táblázat lesz körülbelül a következő:

Ez létrehoz egy üres cím elemet, és hozzáadja az asztalhoz

Ez létrehoz egy üres tfoot elemet, és hozzáadja az asztalhoz

Ez létrehoz egy üres thead elemet, és hozzáadja az asztalhoz

Képaláírás eltávolítja az első elemet

Törli a sort a táblázatból

Tfoot eltávolít egy elemet a táblázatból

Thead elem eltávolítja a táblázatból

Ez létrehoz egy üres string, és hozzáadja az asztalhoz

Ezzel az eszközzel hozzon létre a dinamikus html táblázatban. Azt hittem, hogy a forrás tábla a munkát kell a lehető legtermészetesebb. Navrode a következő:

Ennek eredményeként a sűrített dinamikus html táblázat script „nyom” 1.15Kb és kizárólag egy funkció - DynamicTable kivitelező, amely elfogadja a három paraméter:

GLOB - globális kontextusban (window objektum vagy az e)

htmlTable - html - table elem, hogy majd a dinamikus.

config - a konfiguráció a tárgy *

Object konfiguráció tartalmaznia kell a tulajdonságok, mint egész számok:

Dynamic HTML táblázat

Azt hiszem, az használja ezt a forgatókönyvet, hogy megtalálja ez lehetséges.

Miután a forma „elment”, hogy a szerver a $ _POST tömb, megfigyelhetjük valami hasonlót:

tudjuk kezelni ezt a szörnyeteget a következők szerint:

Táblázat előre lebélyegzett vonalak

Szerint a dolgozók kéri terjedt script asztal előre lebélyegzett sorokat: