Dodaj szare tła do pozostałych pól filtracyjnych i wyrównaj do dołu
- Zmień wyrównanie wiersza filtra ze środka na flex-end (ustawienie dolne) - Dodaj szare tło (f8fafc) do wszystkich pozostałych pojemników pola filtracyjnego - ...
Pola filtrowania daty stosu pionowo z izolowanym szarym tłem
- Zmień pola filtra daty z układu poziomego na pionowy (flexDirection: kolumna) - Dodaj szare tło (f8fafc) tylko do randkowiczek filtracyjnych, a nie cały wiers...
Przenieś Quick Szukaj do karty status, wyrównany w prawo
- Szybkie wyszukiwanie jest teraz wyświetlane w tej samej linii co karty statusowe, wyrównane w prawo - Uproszczony układ poprzez usunięcie zduplikowanej sekcji...
Popraw układ interfejsu użytkownika i zwiększ dane o makiety
- Uczyń tekst mniejszy dla pól filtrów datowanych (fontSize: 0,75 m dla wejścia, 0,7 m dla etykiet) - Przenieś Szybkie wyszukiwanie do tej samej linii co karty ...
Dodaj komponenty filtrów terminowych do tworzenia i przydzielonych kolumn
- Dodawanie zmiennych stanu dla filtrów Created i Assigned Date range (start start/end) - Tworzenie elementów filtrów zakresu dat z polami daty rozpoczęcia i da...
Naprawiaj klikalne linki do kontaktu i dodaj podwójne kliknięcie, aby otworzyć lead
- Zaktualizuj ContactRenderer, aby wyświetlić imię i nazwisko jako podkreślone klikalne linki - Dodaj onClick obsługuje, aby skontaktować się z nazwami styku, k...
Dodaj ikony do filtra rozwijanego podstatus i aktualizacji Kontrakty Wysłane
- Aktualizacja 'Umowy podpisane' do "Wysłane" do dopasowania Java enum - Zmień ikonę umów Wysłane z przydziału do Wyślij ikonę - Dodaj ikony do pozycji menu roz...
Regulacja wyściółkiLegłe do 17px dla przypiętych rzędowych komórek Lead ID
- Zmień wyściółkiLepo z 12px do 17px, aby uzyskać lepsze wyrównanie
Dodaj unikalne ikony dla każdego podstatusu z kolorami statusu rodzica
- Dodaj unikalne, odpowiednie ikony dla każdego podstatusu (np. PersonAdd for New Lead, Message for Left Message) - Ikony utrzymują kolor statusu rodzica (zielo...
Zredukuj wyściółkę w pinowanych wierszach kolumna ID ołowiu, aby przesunąć wartości w lewo
- Zmniejsz paddingLef z 45px do 12px dla przypiętych rzędów komórek identyfikacyjnych - Napraw brak przecinka w IdRenderer Box sx prop - To przesuwa wartości Le...
Dodaj ikony do podstateuszającej kolumnę dopasowaną do kolorów statusu rodzica
- Dodaj funkcję pomocnika getSsubStatusIcon, aby określić ikonę na podstawie statusu rodzica - Ikony Substanus używają tych samych ikon i kolorów, co ich status...
Przesuń poprzeczkę filtracyjną nad nagłówek sieci zamiast między nagłówek i danymi
- Przesuń poprzeczkę filtra poza kontener AG Grid, umieszczony nad siatką - Usuń pozycję bezwzględną, która powodowała problemy z nakładanie się na siebie - Prz...
Przenieś pilną odznakę do kolumny Lead ID i usuń wiadomość e-mail z kontaktu
- Przesuń pilne odznaki z kolumny styku do kolumny Lead ID - Odznaka położenia po lewej stronie ikony konta w Lead ID - Usuń tekst etykiety 'Pilny', zachowaj ty...
Dodaj wyściółkę do pojemnika z siecią, aby zapobiec nakładaniu się rzędów danych z pręta filtra
- Dodaj wyściółkęTop: 48px do pojemnika na siatkę - To popycha rzędy danych w dół, jednocześnie utrzymując nagłówki na miejscu - Przesłona filtracja jest umiesz...
Zapobiegaj nieskończonej pętli renderowej w dwukierunkowej synchronizacji
- Dodaj refs do śledzenia źródła aktualizacji (tab vs filtr dropdown) - Pomiń aktualizacje, gdy pochodzą z innego źródła - Zapobiega okrągłym aktualizatorom, kt...
Dodawanie dwukierunkowej synchronizacji między kartami statusu a rozwijaniem filtrów
- Gdy zakładka statusu zmienia się - aktualizacja filtra rozwijanego (już istniała) - Gdy filtr zmienia się rozwijanie - aktualizuje kartę aktywnego statusu (no...
Przesuń szerokości synchronizacji użycieEffect po filtrowanejRowData deklaracja
Zastosuj filtry ręcznie do filtrowanychRowData zamiast korzystania z filtrów AG Grid
- Przesuń całą logikę filtra do filtrowanegoRowData useMemo - Zastosuj filtry ręcznie przed przekazaniem danych do AG Grid - Usuń AG Grid setFilterModel połącze...
Dodaj dziennik konsoli i odświeżCells, aby zapewnić zastosowanie filtrów
- Dodawanie console.log do zastosowanego modelu filtra debugowego - Odświeżyć zadzwoń do wydmuchów po naFilterChanged, aby wymusić ponowne oddanie - Powinno to ...
Prawidłowo wyczyścić filtry, gdy są puste i zapewniają prawidłowe aktualizacje modelu filtra
- Wyraźnie usuwaj filtry z modelu, gdy wartości są puste - Wartości filtrów przycinania do obsługi białej przestrzeni - Najpierw Zdobądź model filtra, aby zacho...
Pozycyjny wiersz filtra poniżej nagłówka i upewnij się, że filtry mają zastosowanie
- Przesuń wiersz filtra na górny: 48px (poniżej nagłówek) zamiast góry: 0 - Dodaj paddingTop: 48px do AgGridReact, aby uwzględnić wiersz filtra - Ustaw floating...
Odniesienie pozostałych doniesień syndoprzewodowychFilterRowWidths
Dostosuj wiersz filtra z kolumnami i zamocuj filtr stanu
- Rząd filtra położenia absolutnie w przestrzeni filtrów pływających (wysokość 48px) - Dodawanie syncFilterRowWidths funkcja do dopasowania do szerokości kolumn...
Wymień filtry pływające AG Grid z niestandardowym wierszem filtra
- Usuń wszystkie odniesienia floatingFilterComponent z kolumnDefs - Ustaw floatingFilter: false na wszystkich kolumnach - Utwórz niestandardowy wiersz filtra na...
Przenieś wartośćRef deklaracja przed useState do ustalenia błędu
Użyj ref, aby przechowywać wartość filtra i zapobiegać jej resetowaniu AG Grid
- Przechowywać aktualną wartość w wartościRef, aby utrzymać się w powtarzaniu - Użyj użytkownikaChangeRef, aby zapobiec nadrzędnym zmianom użytkownika - Przeczy...
Usuń onFloatingFilterChanged callback i ulepsić CSS, aby ukryć ikony filtrów
- Nie rejestruj się naFloatingFilterChanged callback, aby uniemożliwić AG Grid resetowanie wartości - Dodano kompleksowe reguły CSS, aby ukryć przyciski menu fi...
Poprawne DropdownFilatingFilter params i dodaj statusFilterValue do filtra stanu
Poprawiono filtrParamsowy dostęp do typu i dodaj statusFilterValue do params
Użyj customParams dla filtraParams dostępu i dodaj statusFilterValue do params
Uczyń filtr statusu kontrolowany i zsynchronizowany z kartami stanu
- Dodano statusFilterValue stan do sterowania rozwijanym filtrem statusu - Filtr stanu synchronizuje się teraz z aktywnymStatusTab, gdy karty są klikne - Wartoś...
Zapobiegaj odświeżanie nagłówka i utrzymuj wartość filtra za pomocą ref
- Użyj prąduValueRef, aby śledzić i utrzymywać wartość filtra - Usuń połączenie odświeżające() wywołanie, które powodowało ukrycie/powtowanie nagłówka - Zaktual...
Prawidłowo śledź aktualizacje filtrów, aby zapobiec resetowaniu filtra Status
- Użyj flagi isUpdatingRef do śledzenia, gdy wprowadzamy zmiany - Tylko zezwolić na zmiany modelu nadrzędnego w celu aktualizacji wartości, jeśli nie aktualizuj...
Zapobiegaj resetowaniu filtra za pomocą callback i ukryjchanie za pomocą menuTabs
- Zarejestruj się no-op onFloatingFilterChanged callback, aby zapobiec resetowaniu wartości filtra AG Grid - Użyj menuTabs: [] zamiast tłumićHeaderMenuButton, a...
Nowe podejście do filtrowania statusu i ikon filtrów
- Usunięto onFloatingFilterChanged callback, aby zapobiec aktualizacji kołowych - Przechowywanie instancji filtra w ref i aktualizacja bezpośrednio - Dodano glo...
Zapobiegaj resetowaniu filtra stanu za pomocą flagi ref i dodaj tłumHeaderMenuButton
- Dodano tłumienieHeaderMenuButton do wszystkich kolumn, które powinny ukryć ikony filtrów - Ulepszone jest Harmonogramowanie Zmień wewnętrzny, aby zapobiec akt...
Zapobiegaj resetowaniu filtra stanu i ulepsz i uścisnęnie ikony filtra
- DodanoInternalChangeRef, aby zapobiec okrągłym aktualizacjom w filtrach Status i SubStatus - Zaktualizowano selektory CSS, aby lepiej ukryć przyciski i ikony ...
Usuń dodatkowe opakowanie pudełko, które było wyłamanym wyświetlaczem siatki
- Usunięto zagnieżdżone opakowanie pudełka, które uniemożliwiało renderowanie siatki - Przeniesiono style CSS bezpośrednio do opakowania z pudełkami - Grid powi...
Usuń zależność z Sub Status filter użycieEffect do naprawienia reaktywności
Poprawa reaktywności filtra Sub Status i ukryj ikony filtrów za pomocą CSS
- Usuń getStatusFilterValue zależność od użytkowaniaEffect, aby zapobiec nieaktualnym zamknięciu - Dodawanie reguł CSS, aby ukryć ikony przycisków menu filtra d...
Prawidłowo włącz rozwijanie Sub Status i usuwaj wszystkie ikony filtrów
- Dodaj stan has-atusFilter do SubStatusFloatingFilter do śledzenia zmian filtra stanu - Dodaj filtrChanged event listener, aby natychmiast wykryć, kiedy zostan...
Prawidłowo włącz rozwijanie Sub Status i usuwaj ikony filtrów
- Napraw rozwijanie poddanego statusu, aby włączyć, gdy wybrany jest filtr stanu (wykonany opcje. Sprawdź długość z przekrótyzowanego stanu) - Dodaj menuTabs: [...
Włącz rozwijanie Sub Status, gdy Status jest wybrany i usuń i usunąć ikony filtrowania
- Napraw rozwijanie Sub Status, aby być włączone po wybraniu filtra statusu - Usuń ikony filtrów (suppressHeaderMenuButton) z Lead ID, Kontaktu, Statusu Podka -...
Poprawa zachowania filtra i stylizacji
- Rozciągnięcie poddanego statusu teraz pokazuje tylko substatyzy dla wybranego filtra Status - Poddatk stanu jest wyłączony, gdy nie zaznaczony jest żaden stat...
Jak to, co widzisz żeglugę?
Wszystko to pojawia się w twoim miejscu pracy na własną rękę. Zacznij od bezpłatnego planu i przeczytaj tę stronę ponownie w miesiącu.
