Tabel editabil

Sarcina este de a face cea mai intuitivă interfață pentru editare. Îți voi arăta exemplul unei mese, dar poți să adaptezi această tehnică (schimbând câteva linii) pentru orice element de bloc, până la corp (deși nu prea are sens aici).







1 2 3
4 5 / td> 6 / td>
7 8 9

Vreau ca atunci când fac clic pe o celulă din tabel, văd o casetă text cu conținutul acestei celule. Și cu focalizarea departe de acest câmp, conținutul său actual a devenit conținutul celulei.







Se răcește. Chiar funcționează. Câmpurile apar. Dar ele nu dispar. Pentru ca aceștia să dispară, trebuie să vă blocați evenimentul încă un manipulator. Și trebuie să facem asta de fiecare dată când generăm un câmp. Prin urmare, adăugați.

Acum totul funcționează. Aproape. Glitches începe atunci când vom poke pe teren în sine. Evenimentul de clic pentru celula funcționează, de asemenea. Deci, obținem codul câmpului de editare și îl inserăm în câmpul de editare. Aceasta este recursiunea. Pentru a împiedica acest lucru, trebuie să prindeți elementul, prin care apare clicul.

Singurul lucru pe care aș dori să-l schimb este abilitatea de a salva modificările pe Enter. Nu este nimic mai ușor.

La eliminarea focalizării, avem deja un handler care face ceea ce este nevoie.

Asta am obținut. Apăsați în celule.







Articole similare

Trimiteți-le prietenilor: