Javascript динамичен HTML маса

Отне ми един проект преди няколко дни, за да направите HTML таблица, която ще бъде изведена на сървъра PHP skipt. Но на масата не е прост и динамична. Динамичен, в смисъл, че е необходимо да се даде възможност на потребителя да редактира данните в него. Добавяне и изтриване на редове, както и за изпращане на редактираните данни към сървъра. В тази статия ще опиша процеса на създаване на HTML таблица, както и да ви даде напълно работеща, коментира обява.

Внимание! По искане на скрипт престижния Павел е финализирана. В резултат на това тя става все по-функционални. Сега е възможно да се поставят и други елементи на HTML-форми. Сценарият е станал по-малък. Освен това, малко се е променила структурата на данните, изпратени към сървъра, мисля, че е станало по-удобно. За съжаление, ако се даде описание на сценария на страницата, трябва да се пренапише цялата статия, но аз не се издирват. Така че аз попълнено новия скрипт към хранилище: Dynamic HTML таблица, където също има пълен пример и описание на това как да го използвате и пример за това как да обработва данните на сървъра.

В крайна сметка става HTML таблица ще бъде приблизително по следния начин:

Тя създава празен елемент заглавие и го добавя към таблицата

Тя създава празен TFOOT елемент и го добавя към таблицата

Тя създава празен врекламния елемент и го добавя към таблицата

Надпис премахва първия елемент

Изтрива ред от таблицата

TFOOT премахва елемент от таблицата

Врекламния елемент премахва от масата

Той създава празен низ и го добавя към таблицата

С помощта на този инструмент се създаде нашия динамичен HTML маса. Мислех, че таблицата източник за работата трябва да бъде възможно най-естествен. Navrode е това:

В резултат на това сгъстен динамичен HTML скрипт маса "тежи" 1.15Kb и осигурява само една функция - DynamicTable конструктор, който приема три параметъра:

ГЛОБ - глобален контекст (прозорец обект или това)

htmlTable - HTML - елемент на таблица, която ще направи динамичен.

конфигурационния - конфигурацията на обекта *

конфигурация обект трябва да включва свойства като цели числа:

Dynamic HTML маса

Мисля, че използването на този скрипт, за да открие, че е възможно.

След формата е "изчезнал" към сървъра в $ _POST масива, можем да наблюдаваме нещо подобно на следното:

ние можем да се справим с това чудовище, както следва:

Таблица с предварително подпечатани линии

Според работниците поиска маса, приготвена скрипт с предварително подпечатани линии: