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


0

Условие: By given an array of students, generate a table that represents these students.

Създавам си клас чрез Prototype framework с Class.create;

Добавям му методи, addStudent(Student) слага в масив от студенти инстанциите на клас Student, който си създавам впоследствие. 

generateTable(); - генерира ми таблица, като th ги създавам ръчно, въпреки че може и да се напишат директно в html-a; 
Обхождам масива от студенти и добавям желаните параметри на студента в различни клетки на таблицата;

След това си създавам една таблица със студенти и добавям нови студенти, накрая генерирам таблицата;

Ето кода:
https://github.com/plamenyovchev/JavascriptApplications/blob/master/03.StudentArrayVisualisation/javascript/student.js



 




Отговори



4

Решение: source, demo.

Запазвам си информацията за студентите в един масив и с MVVM се създава автоматично view-то.

Използвам AngularJS, който е подобен на KnockoutJS.


от jasssonpet (6814 точки)


0
Ехеее, това е готинко.

от plamen.yovchev (3283 точки)

0
Това наистина радва окото :-)




1

Аз това успях да сътворя, но предполагам, че има по лесен начин:

http://pastebin.com/D260mTEM

Ползвал съм метода .map от jQuery, който преобразува елементите от даден масив или обект в друг масив от елементи.


от vphilipov (3591 точки)


0

Решение

Използвах кода от предното домашно за създаване на обекти от тип Student и дописах един нов клас StudentsTable, чийто конструктор приема масив от Студенти. Има една функция render(), която създава таблица и попълва редовете с данните на всеки студент.   


от pdrenovska (2196 точки)


0

Решение: source

Прочитам json обектите от файл и генерирам html-a на таблицата, като използвах демата от лекцията.


от ellapt (6303 точки)


2

Demo

Source

Ето я и моята малка табличка направена съвсем елементарно. Който иска да и сложи стил да я окрасява :)


от saykor (8845 точки)


1

Аз си направих един клас Student с необходимата информация и един масив от студенти, чрез който създавам таблицата с информация за всеки един от тях. РЕШЕНИЕ


от vlad_karamfilov (4595 точки)