Angular 7 Multi-Tree Tree Grid. Simplu, usor si fara dependenta. Practic, grupeaza datele dupa un camp sau mai multe campuri. Pentru date ierarhice (in cazul in care exista o relatie parinte-copil), consultati acest pachet cu grila de copac angular. Daca antetul trebuie fixat / inghetat si corpul trebuie sa poata fi derulat, verificati acest pachet cu grila antet de fixare unghiulara.
Demo
Faceti clic aici pentru demo. Acest readme este documentatia. Vizitati site-ul meu web pentru a cunoaste alte pachete.
Donati ♥ ️
Va rugam sa luati in considerare o donatie daca va este utila.
Versiune
Alegeti versiunea corecta pentru aplicatia dvs.
Ngtreegrid unghiular <= 8 3.3.8> = 9 4.0.0
Instalare
Utilizare
Import
Importati modulul NgtreegridModule in modulul de aplicatie.
Adaugati-l la matricea dvs. de importuri.
Date
Formatul datelor ar trebui sa fie ca mai jos.
Configuri
Configurari de retea
Tipul campului Implicit Descriere * group_by string / Array n / ats un camp obligatoriu. Este o cheie de coloana. Poate fi o matrice de coloane pentru mai multe niveluri group_by. group_by_header string / Array n / a Header pentru coloana GroupBy. Poate fi o serie de anteturi de coloana. group_by_width string / Array ‘auto’ Latimea coloanei GroupBy. Poate fi o matrice de latimi de coloana GroupBy. action_column_width string 50px Latimea coloanei Action. data_loading_text sir „Se incarca …” Se incarca titularul locului. Acesta va fi afisat cand datele sunt goale. filter boolean false Activeaza bara de instrumente de filtrare. Filtrul este personalizabil la nivel de coloana. multi_select boolean false Permite selectarea casetelor de selectare. multi_select_width sir „auto” Latimea coloanei de selectare multipla. functie_select_functie functie n / a Functie de apelare pentru selectarea randului. Pe baza tipului de returnare (boolean) al acestei functii, Selectia poate fi activata / dezactivata pentru un anumit rand. row_class_function Functie n / a Functie de apelare pentru clasa rand. Se poate returna o clasa personalizata care va fi adaugata la rand. row_edit_function Functie n / a Functie de apelare pentru caracteristica de editare. Pe baza tipului de returnare (boolean) al acestei functii, editarea poate fi activata / dezactivata pentru un anumit rand. Vedeti exemplu pentru mai multe informatii. row_delete_function Functie n / a Functie de apelare pentru caracteristica de stergere. Pe baza tipului de returnare (boolean) al acestei functii, stergerea poate fi activata / dezactivata pentru un anumit rand. Vedeti exemplu pentru mai multe informatii. actiuni Obiect n / a Setari pentru coloana Actiune. Vedeti mai jos Obiectul CSS n / a Clasa CSS pentru pictograme.
porno muy duro pono gay
incesto madre hijos randy dave
jovencita caliente descargar pelis pornos
maduras lesbianas tetonas peliculas porno vintage
sexo con cincuentonas maduras españolas masturbandose
cine xxx porno portugues
corridas en la playa incesto real casero
porno de abuelas corridas dentro de la boca
shakira follando videos de follar
mamadas de españolas orgia porno español
comedias porno corridas de viejas
madresxxx porno con argumento
incesto abuelas sexo videos gratis
trios gays anita teen pillada por torbe
porno español años 70 coñosxxx
madre follada a la fuerza porno viejas en español
tias cachondas porno esp
el mejor video porno madres viciosas
cerdas com gratis porno india
tetas en la playa peludas porno
Vedeti mai jos coloanele Obiect n / a Este o matrice. Daca nu sunt furnizate, toate cheile din matricea de date vor fi utilizate ca anteturi de coloana.
actiuni
Tip camp Implicit Descriere add boolean false Activeaza add feature. edit boolean false Activeaza functia de editare. delete boolean false Activeaza functia de stergere. solve_add boolean false Rezolvati manual add (dupa ce ati apelat la server). Valoarea implicita este falsa. Vedeti exemplu pentru mai multe informatii. solve_edit boolean false Rezolvati manual modificarea. solve_delete boolean false Rezolvati manual functia de stergere.
css
Tipul campului Implicit Descriere expand_class string plus Clasa de pictograme pentru pictograma Expand. Se poate da clasa Font Awesome. collapse_class string minus Clasa de pictograme pentru pictograma Collapse. Se poate da clasa Font Awesome. add_class string plus Clasa de pictograme pentru Add icon. Se poate da clasa Font Awesome. edit_class string edit Clasa pictogramei pentru pictograma Edit. Se poate da clasa Font Awesome. sterge sirul_clase sterge Clasa de pictograme pentru pictograma Sterge. Se poate da clasa Font Awesome. save_class string save Clasa de pictograme pentru pictograma Save. Se poate da clasa Font Awesome. string_class string anula Clasa pictogramei pentru pictograma Anulati. Se poate da clasa Font Awesome. rand_selectie_clasa sir n / a Clasa CSS pentru randul selectat. header_class string n / a Clasa CSS pentru antet. sir de clasa parinte n / a Clasa pentru randul parinte (grupa dupa).
coloane
Tip camp Implicit Descriere nume sir n / a cheie a coloanei. sir de antet n / a Antet al coloanei care va fi afisat in tabel. sir de latime n / a Latimea coloanei cu unitate (px / rem). ascuns boolean fals Afisati / ascundeti coloana. filter boolean true Activati / dezactivati filtrul. editable boolean false Pentru a face o anumita coloana editabila. In mod implicit, coloanele nu sunt editabile. optiunea de editare trebuie sa fie adevarata la grilanivel. sortabil boolean fals Pentru a face o anumita coloana sortabila. Functia de redare n / a Este o metoda de redare a valorii personalizate pentru coloana. Vezi acest exemplu. group_aggregator Functie n / a Este o metoda care poate fi utilizata pentru a afisa date la nivelul parinte pentru coloana corespunzatoare. (A se vedea Exemplul. Pentru o mai buna intelegere). Acest camp pentru parinte va fi lasat necompletat daca nu este furnizat. tastati sirul ” Setati la ‘personalizat’ pentru a avea o componenta personalizata pentru coloana. In caz contrar, lasati necompletat. component Obiect n / a Componenta de vizualizare personalizata. Obligatoriu daca tipul este personalizat. Consultati acest exemplu. group_component Obiect n / a Componenta de grup personalizata. Are aceeasi setare ca editorul de coloane Obiect n / a Componenta de editor personalizat. Daca este dat, se va utiliza componenta editorului personalizat in locul editorului implicit. Vezi acest exemplu.
Exemplu de baza
HTML
Adaugati nodul de mai jos la html.
Evenimente
Argumente eveniment Descriere expandare rand_date: Rand extins Evenimentul se declanseaza cand parintele este extins. collapse row_data: Evenimentul randului prabusit se declanseaza atunci cand parintele este prabusit. eveniment celular consta din:
- rand: Rand selectat
- coloana: Coloana selectata
Evenimentul se declanseaza cand se face clic pe o celula copil. randul selecteaza evenimentul consta din:
- date: rand selectat
- eveniment: Obiect de eveniment
Evenimentul se declanseaza cand este selectat un rand. rowdeselect event Consta in:
- date: rand selectat
- eveniment: Obiect de eveniment
Evenimentul se declanseaza atunci cand un rand este deselectat. rowselectall event: Event Event Event declanseaza cand este bifata caseta de selectare a tuturor. rowdeselectall event: Event Event Evenimentul se declanseaza cand caseta de selectare a tuturor este debifata. evenimente de salvare de linii Constau din:
- date: rand selectat
- eveniment: Obiect de eveniment
Evenimentul se declanseaza atunci cand un rand este salvat. eveniment rowdelete Consta din:
- date: rand selectat
- eveniment: Obiect de eveniment
Evenimentul se declanseaza cand un rand este sters. eveniment rowadd Consta din:
- date: rand selectat
- eveniment: Obiect de eveniment
Evenimentul se declanseaza cand se adauga un rand.
Va pot angaja baieti?
Da. Va rugam sa ne contactati la [email protected]. Vom fi bucurosi sa lucram cu tine!
Licenta
Acest proiect este licentiat sub licenta MIT.
