🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Thread View: pl.comp.lang.javascript
8 messages
8 total messages Started by Marek Horodyski Thu, 19 Jan 2012 22:55
Grid
#51013
Author: Marek Horodyski
Date: Thu, 19 Jan 2012 22:55
53 lines
3680 bytes
Witam forumowiczów js.



Od niedawna przenoszę interfejs użytkownika na stronę przeglądarki, i mam 
przy tym i frajdę i kłopot. W HTML jest to szybkie ale mało ergonomiczne. 
Konkretnie chodzi mi o tabelki. Ze względu na to, że nie bardzo sobie 
jeszcze radzę z podtrzymaniem sesji, szczególnie w IE, który na dzień dobry 
otwiera 2 połączenia ( i nie wiem poco 2gie, zazwyczaj w ogóle go nie używa, 
a jak coś zechce, to na 3cim porcie sie pokazuje; Chrome zaś spokojnie obywa 
się jednym socketem/portem) - przygotowane użytkownikowi dane chcę wysłać w 
całości, a nie stronicować. Tabelka może mieć dość dużo rekordów (nie 
precyzując dokładniej, czy to kilkaset, czy kilkadziesiąt tysięcy). 
Przygotowanie, przesłanie i wyświetlenie w czystym HTML jest rewelacyjnie 
szybkie, niezauważalne milisekundy - tylko jakieś takie mało wygodne na 
końcu. Formularz dałem na górze strony, wynik wstawiam poniżej. Jak się chce 
obejrzeć więcej, przewijając stronę w dół, to znikają nagłówki tabeli - nie 
wiem co widzę. Nie mieszczą się dane też w poziomie (bez skrolowania 
poziomego nie widać). Jak się tym więcej pobawiłem, okazało się, że 
stylami/css można błyskawicznie poprawić estetykę. No piękne toto - ale 
nagłówki nadal znikają :(. Chcąc coś więcej zrobić zacząłem poznawać js. 
Dowiedziałem się co nieco o jQuery i rozszerzających jej wykorzystanie 
gridach. Pogooglałem trochę i znalazłem parę ciekawych. Szukałem takiego, 
którego można napuścić dynamicznie na przygotowaną tabelkę, którą podeśle 
serwer ajaxem w całości (bez stronicowania). Grid powinien móc zamrozić 
wybraną ilość kolumn i w oknie grida mieszczącym się na ekranie (bez 
przewijania całej strony) wyświetlić dane. Dane nie mieszczące się w 
poziomie i w pionie powinny móc być scrolowane za pomocą belek danych 
będących częścią grida (belek, suwaków czy jak tam to jest zwane), a nie za 
pomocą belek okna strony. Wielkość okna grida może być parametrem jego 
wywołania ( np. w pixelach).

Znalazłem parę niby idealnych, ale przy lekko ponad 100 rekordach to już 
przeglądarki prosiły aby im pozwolić przestać toto przetwarzać, jak nie chcę 
pogniewać się na komputer.

No i wycofałem się do wcześniejszych rozwiązań, i znowu mi się nie podoba :(



No to szukam. Czy jest komuś znana jakaś w miarę prosta metoda uzyskania 
powyższego ? A może ktoś zna jakiś wydajny i dynamiczny grid ? Jak to 
osiągnąć ?



I przy okazji, jak efektywnie w http podtrzymać connection=keep-alive ? 
(szczególnie z IE - to bardziej temat serwer-Side, ale zapewne bliski 
użytkownikom tego forum).


Pozdrawiam,
Marek Horodyski
Re: Grid
#51014
Author: Wojtek Gapiński
Date: Fri, 20 Jan 2012 09:26
26 lines
2143 bytes
Dnia 19-01-2012 23:55 Marek Horodyski napisał:
[..]
> całości, a nie stronicować. Tabelka może mieć dość dużo rekordów (nie 
> precyzując dokładniej, czy to kilkaset, czy kilkadziesiąt tysięcy). 
> Przygotowanie, przesłanie i wyświetlenie w czystym HTML jest rewelacyjnie 
> szybkie, niezauważalne milisekundy - tylko jakieś takie mało wygodne na 
> końcu. Formularz dałem na górze strony, wynik wstawiam poniżej. Jak się chce 
> obejrzeć więcej, przewijając stronę w dół, to znikają nagłówki tabeli - nie 
> wiem co widzę. Nie mieszczą się dane też w poziomie (bez skrolowania 
> poziomego nie widać). Jak się tym więcej pobawiłem, okazało się, że 
> stylami/css można błyskawicznie poprawić estetykę. No piękne toto - ale 
> nagłówki nadal znikają :(. Chcąc coś więcej zrobić zacząłem poznawać js. 
[..]
> Pozdrawiam,
> Marek Horodyski
> 

Zaglądałeś tu:
http://stackoverflow.com/questions/1030043/html-table-headers-always-visible-at-top-of-window-when-viewing-a-large-table
? Może udałoby Ci się wykorzystać ten fragment z samym HTML/CSS - dwie
tabelki, z czego jedna to sam nagłówek, a druga przewijana.

pozdrawiam
-- 
Wojtek Gapiński
http://jwmprojekt.pl
Re: Grid
#51016
Author: Arson
Date: Fri, 20 Jan 2012 13:21
16 lines
1422 bytes
W dniu 19.01.2012 23:55, Marek Horodyski pisze:
> Od niedawna przenosz� interfejs u�ytkownika na stron� przegl�darki, i mam
> przy tym i frajd� i k�opot. W HTML jest to szybkie ale ma�o ergonomiczne.
> Konkretnie chodzi mi o tabelki. Ze wzgl�du na to, �e nie bardzo sobie

Ja używam tego:
http://trirand.com/blog/jqgrid/jqgrid.html

btw. Jest jakiś problem z kodowaniem znaków w Twoich postach.


-- 
_____________________________
Pozdrawiam,
Arson
http://in-deco.pl - tworzymy z pasją
Re: Grid
#51019
Author: Wojtek Gapiński
Date: Fri, 20 Jan 2012 13:38
10 lines
1182 bytes
Dnia 20-01-2012 14:21 Arson napisał:

> btw. Jest jakiś problem z kodowaniem znaków w Twoich postach.
> 

Problem nazywa się "Outlook Express" oraz "nie mam ustawionego kodowania" ;)

-- 
Wojtek Gapiński
http://jwmprojekt.pl
Re: Grid
#51020
Author: homar
Date: Fri, 20 Jan 2012 14:16
15 lines
1906 bytes
On 20 Sty, 14:38, Wojtek Gapiński <wojtas_g.WYTNIJ...@wp.I.TO.TEZ.pl>
wrote:
> Dnia 20-01-2012 14:21 Arson napisał:
>
> > btw. Jest jakiś problem z kodowaniem znaków w Twoich postach.
>
> Problem nazywa się "Outlook Express" oraz "nie mam ustawionego kodowania" ;)
>
Expressa ustawiałem parę (naście?) lat temu - dawno nie używałem.
Kiedyś były - ale może kompa zmieniłem w międzyczasie ?
Ale widzę to teraz Chromem przez http://groups.google.com/group/pl.comp.lang.javascript/browse_thread/thread/
- i polskie czcionki są. A więc jak czytnik chce, to zobaczy.

Pozdrawiam,
Marek Horodyski
Re: Grid
#51015
Author: homar
Date: Fri, 20 Jan 2012 14:23
26 lines
2509 bytes
On 20 Sty, 10:26, Wojtek Gapiński <wojtas_g.WYTNIJ...@wp.I.TO.TEZ.pl>
wrote:
> Dnia 19-01-2012 23:55 Marek Horodyski napisał:
> [..]
> Zaglądałeś tu:http://stackoverflow.com/questions/1030043/html-table-headers-always-...
> ? Może udałoby Ci się wykorzystać ten fragment z samym HTML/CSS - dwie
> tabelki, z czego jedna to sam nagłówek, a druga przewijana.
>
> pozdrawiam
> --
> Wojtek Gapińskihttp://jwmprojekt.pl

Dwie tabelki mi się jakoś nie podobają - ale nie mam doświadczenia.
Może zadziała - tylko że o tabelki proszą różne skrypty, i nie każdy
potem będzie wiedział co z taką "podwójną" zrobić.  A tak w ogóle, jak
robi się tabelkę przewijaną ?

Do tego zaglądałem - uruchomiłem w aplikacji. Jest szybkie. Nie mam
żadnego problemu z ilością rekordów. Błąd w sortowaniu (pomijam
polskie litery) - działa tylko jak nagłówek podciągnie się do góry
strony. Jest deko lepiej niż było - ale formularz mi ucieka. Jak
ustawię overflow na auto, tabelka dostaje belki nici z funkcjonalności
rozwiązania. Trochę lepiej - ale jeszcze poszukam.

Pozdrawiam,
Marek Horodyski
Re: Grid
#51017
Author: homar
Date: Fri, 20 Jan 2012 14:45
17 lines
1953 bytes
On 20 Sty, 14:21, Arson <areksoft_tutajwieszcowstawic_gmail.com>
wrote:
> W dniu 19.01.2012 23:55, Marek Horodyski pisze:
>
>
> Ja używam tego:http://trirand.com/blog/jqgrid/jqgrid.html
>

Jakiś kombajn - nie wiem czy wydajny, ale w przykładach wygląda żwawo.
Wygląda, że nie obsługuje tabelek otagowanych htmlem tylko jako json.
To nie problem, ale jakby do zastosowania w przyszłości. Przykłady
widzę odwołują się do php, ale mam nadzieję, że to rozwiązanie się tu
nie zamyka. Serwerem jest normalna aplikacja, żaden ze znanych
serwerów. Pomacam, jak będzie wydajny to może uda się tego użyć.

Pozdrawiam,
Marek Horodyski
Re: Grid
#51018
Author: homar
Date: Fri, 20 Jan 2012 16:29
21 lines
2067 bytes
On 20 Sty, 14:21, Arson <areksoft_tutajwieszcowstawic_gmail.com>
wrote:
> W dniu 19.01.2012 23:55, Marek Horodyski pisze:
>
...
>
> Ja używam tego:http://trirand.com/blog/jqgrid/jqgrid.html

Już to kiedyś widziałem, ale jeszcze się wtedy technologią webową nie
interesowałem, i nie bardzo wiedziałem co to grid :).
Nie czuję jeszcze tego jasno, ale wygląda obiecująco. Tam jest taki
punkt : "Load at once from server"
W gridzie mam "View 301 - 350 of 2 000". Czy te całe 2000 pobrane jest
jednorazowo z serwera i prezentowane po ileś tam rekordów po stronie
przeglądarki ?
To by była rewelacja. Chciałbym uniknąć pobierania z serwera po xx
rekordów, tylko wysyłać jakiś powiedzmy limit max(2k). Dla takiej
funkcjonalności warto przejść na xmla czy jsona.

Pozdrawiam,
Marek Horodyski
Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads