Pracuję z JavaScript, JQuery i HTML. Interfejs użytkownika mojego projektu jest całkowicie dynamiczny. Szukam dynamicznej siatki JavaScript / JQuery, która obsługuje następujące funkcje.
Czy ktoś może mi powiedzieć, czy istnieje jakaś dobrze wyglądająca siatka otwartych źródeł, która obsługuje następujące funkcje?
- Powinienem być w stanie utworzyć instancję siatki w czasie wykonywania i dodać ją do DOM.
- Obsługuje szablony kolumn (pole tekstowe, pole wyboru, pole wyboru lub dowolne dane wejściowe lub prosty tekst)
- Obsługuje ustawienie nowego szablonu kolumny lub zastąpienie istniejącego szablonu kolumny w czasie rzeczywistym.
- Niewiele elementów sterujących wprowadzaniem (np. Pole tekstowe, pole wyboru…) znajdujące się pod kolumną może być włączonych, a kilka może być wyłączonych .
- Obsługuje setData () w czasie rzeczywistym.
- Obsługuje zdarzenie, jeśli jakiekolwiek dane wejściowe zostały zmienione przez użytkownika.
- Powinien obsługiwać wybór wiersza
- Dodaj lub usuń obsługę wierszy w czasie rzeczywistym bez renderowania całej siatki.
- Obsługuje stronicowanie.
- Obsługuje sortowanie według dowolnej kolumny w czasie rzeczywistym.
- Uruchamia zdarzenie, jeśli dane są sortowane według użytkownika w czasie rzeczywistym.
- Interfejs użytkownika siatki musi obsługiwać kolumny możliwe do zrealizowania
- Automatyczna zmiana rozmiaru (będzie świetnie, jeśli siatka będzie automatycznie dostosowywana do rozmiaru elementu nadrzędnego)
- Zdecydowanie ma dobrą dokumentację.
javascript
jquery
grid
Somnath
źródło
źródło
Odpowiedzi:
Niektóre przydatne to:
Wolny:
Płatny:
Moim zdaniem najlepsze wpisy to Flexigrid i jQuery Grid.
źródło
możesz spróbować http://datatables.net/
DataTables to wtyczka do biblioteki jQuery Javascript. Jest to bardzo elastyczne narzędzie, oparte na podstawach stopniowego ulepszania, które doda zaawansowane elementy sterujące interakcją do dowolnej tabeli HTML. Kluczowe cechy:
źródło
Poniżej moja sugestia dotycząca dynamicznej siatki JQuery.
http://reconstrukt.com/ingrid/
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
Najlepszy z nich to:
DataTables to wtyczka do biblioteki jQuery Javascript. Jest to bardzo elastyczne narzędzie, oparte na podstawach stopniowego ulepszania, które doda zaawansowane elementy sterujące interakcją do dowolnej tabeli HTML.
Paginacja o zmiennej długości
Filtrowanie w locie
Sortowanie wielokolumnowe z wykrywaniem typu danych
Inteligentna obsługa szerokości kolumn
Wyświetlaj dane z prawie każdego źródła danych
DOM, tablica Javascript, plik Ajax i przetwarzanie po stronie serwera (PHP, C #, Perl, Ruby, AIR, Gears itp.)
Opcje przewijania dla rzutni tabeli
W pełni międzynarodowy
Obsługa jQuery UI ThemeRoller
Solidny - poparty pakietem ponad 2600 testów jednostkowych
Szeroka gama wtyczek inc. TableTools, FixedColumns, KeyTable i więcej
Dynamiczne tworzenie tabel
Automatyczne ładowanie danych Ajax
Niestandardowe pozycjonowanie DOM
Filtrowanie w jednej kolumnie
Alternatywne typy stronicowania
Nieniszcząca interakcja DOM
Podświetlanie kolumn sortowania
Zaawansowane opcje źródła danych
Rozbudowana obsługa wtyczek
Sortowanie, wykrywanie typów, funkcje API, paginacja i filtrowanie
W pełni motywowane przez CSS
Solidna dokumentacja
Ponad 110 gotowych przykładów
Pełne wsparcie dla Adobe AIR
źródło
Spójrz na agiletoolkit.org, ponieważ ma prosty w użyciu CRUD, który obsługuje 2,4,6,7,9,10 i 12 po wyjęciu z pudełka (używa Ajax do ochrony siatki podczas dodawania, usuwania danych i integruje się z jquery.
Chciałbym zamieścić kilka przykładów, ale w tej chwili na iPadzie.
źródło