[JS App] Домашно jQuery Overview - 5 Задача - GridView Control


5

Здравейте!

Предоставям ви решението си на задачата за създаване на GridView control: HTML и JS. Ето и самото условие:

Implement a GridView control. Rows can be added dynamically. A header row can be added dynamically. Each GridView can have at most one header row. Each row can have  a nested GridView. Each GridView can have at most one nested GridView
 
За имплементиране на ООП използвам библиотечката ProtoClass (наистина е много удобна). Създавам си класовете GridView, GridViewRow и GridViewHeader, наследяващ GridViewRow. Самото GridView си има методи за добавяне на ред и заглавие, както и метод за рендиране, като то се изършва чрез помощта на частния метод _getRendered() (за да може да се рендират по-лесно и nested GridViews). Редът и заглавието си имат метод getRendered(), които връщат рендиран елемента и се използват при рендирането на самото GridView.



Отговори



0

Предполагам, че който е успял да си направи изпита по JS2 за grid view-то, може леко да го модифицира и да използва jQuery smiley

Различното е, че не закачам event-listener на всеки отделен ред, а на цялата таблица и след това проверявам кликнатия елемент с помощта на функциите на jQuery дали неговия родител има съседен ред, в който има таблица.

И показвам реда чрез fadeToggle("slow");

SOURCE

DEMO


от pdrenovska (2196 точки)


0
Демото не работи или поне при мен не се показва.

от Teodor92 (13062 точки)

0
Проверих и се оказа, че не тръгва само на FireFox - бях прикачила функцията listener преди да я декларирам - размених им местата и тръгна, интересно че в другите браузъри си работеше. Пробвай сега

от pdrenovska (2196 точки)