WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Sortera och filtrera data? (https://www.wn.se/forum/showthread.php?t=28253)

Adam N 2008-03-30 16:26

Jag skulle behöva ett skript som visar godtycklig data i tabellform
och ger användaren möjlighet att sortera och filtrera datat utan
att det skickas någon fråga till servern. Någon som har något att
rekommendera?

Osiris 2008-03-30 17:48

Är visserligen trött, men detta går nog att göra med hjälp av datasets i ASP.NET och borde finnas dokumenterat på nätet (eller vara billigt att köpa av någon duktig kodare).

whe 2008-03-30 18:01

Dataset, det är knappast på klient-sidan.. eller har jag missat något under de tre senaste åren när jag har varit Microsoft-fri?
Vad du behöver är ett javascript som kan sortera t.ex. en tabell efter vald kolumn. Gör en googling på detta så tror jag du kommer hitta massor.

Adam N 2008-03-30 18:02

Citat:

Originally posted by Osiris@Mar 30 2008, 16:48
Är visserligen trött, men detta går nog att göra med hjälp av datasets i ASP.NET och borde finnas dokumenterat på nätet (eller vara billigt att köpa av någon duktig kodare).

Nu var du nog för trött. Det jag frågade efter var skript för klient-sidan. Dataset i ASP.NET
är på server-sidan.

Adam N 2008-03-30 18:45

Citat:

Originally posted by whe@Mar 30 2008, 17:01
Vad du behöver är ett javascript som kan sortera t.ex. en tabell efter vald kolumn. Gör en googling på detta så tror jag du kommer hitta massor.
Tröttnade när det bara dök upp en massa ajax-träffar på google, men
efter ett nytt försök med "-ajax" så hittade jag en del trevligt.

http://www.frequency-decoder.com/demo/tabl...evisited/filter

http://www.javascriptkit.com/script/script...blefilter.shtml

Någon som har använt dem eller kan rekommendera något liknande?

MMC 2008-03-30 19:11

Citat:

Ursprungligen postat av Adam N
Citat:

Ursprungligen postat av whe
Vad du behöver är ett javascript som kan sortera t.ex. en tabell efter vald kolumn. Gör en googling på detta så tror jag du kommer hitta massor.

Tröttnade när det bara dök upp en massa ajax-träffar på google, men
efter ett nytt försök med -ajax så hittade jag en del trevligt.
http://www.frequency-decoder.com/dem...visited/filter
http://www.javascriptkit.com/script/...lefilter.shtml
Någon som har använt dem eller kan rekommendera något liknande?

Inte använt det själv, men pröva tableSort från http://mainsite.ubermondo.com/site/show/5

Adam N 2008-03-30 19:36

Citat:

Originally posted by MMC@Mar 30 2008, 18:11
Inte använt det själv, men pröva tableSort från http://mainsite.ubermondo.com/site/show/5

Nja, den saknade filtrering och såg lite mysko ut. Tack i alla fall :-)

MMC 2008-03-30 21:40

Citat:

Ursprungligen postat av Adam N
Citat:

Ursprungligen postat av MMC
Inte använt det själv, men pröva tableSort från http://mainsite.ubermondo.com/site/show/5

Nja, den saknade filtrering och såg lite mysko ut. Tack i alla fall :-)

http://www.phatfusion.net/sortabletable/ använder mootools, men verkar funka

http://xlsheet.sourceforge.net/ är nog precis det du vill ha men verkar lite gammalt, bara stöd för IE. Det borde inte vara särskilt svårt att fixa stöd för andra browsers.

Jag hittade mycket genom att googla "filter sort javascript", titta igenom resultaten du med :)

mr_lundis 2008-03-31 15:14

Jquery pluginen Tablesorter finns också:
tablesorter.com

Adam N 2008-03-31 22:38

Tack för tipsen, men tycker nog inte att de når upp i klass med de jag själv hittade ovan. B)

mr_lundis 2008-04-01 11:28

Grid komponenten i ExtJS kanske kan vara nått?
http://extjs.com/deploy/dev/examples/

totoo 2008-04-01 14:31

Hade det inte varit för filtreringen så hade jag kunnat göra en på ett par timmar... Hur tänkte du dig att filtreringen skulle fungera? En söksträng och bara matchande träffar visas?

Adam N 2008-04-02 00:41

Citat:

Originally posted by mr_lundis@Apr 1 2008, 10:28
Grid komponenten i ExtJS kanske kan vara nått?
http://extjs.com/deploy/dev/examples/

Kan inte se att den har filtrering fast det verkar gå att ordna via andra komponenter i Ext JS. Kanske lite bökigt att få till helt på klientsidan. Verkar vara mer inriktat på Ajax.

Adam N 2008-04-02 00:44

Citat:

Originally posted by totoo@Apr 1 2008, 13:31
Hade det inte varit för filtreringen så hade jag kunnat göra en på ett par timmar... Hur tänkte du dig att filtreringen skulle fungera? En söksträng och bara matchande träffar visas?

Nja, snarare att man väljer mellan ett antal fördefinierade filtreringar för respektive kolumn, liknande det man kan göra på PriceRunner och Prisjakt.

totoo 2008-04-02 01:09

Och hur ska du som administratör välja hur dessa filter ska fungera?

Jag kan ta fram en sån här grej rätt snabbt om den verkar tillräckligt kul att göra. Men jag måste veta precis hur den ska fungera.

Att göra t.ex. så att varje kolumn har ett textfält där man kan skriva t.ex. en bokstav, då visas bara rader som har denna bokstav någonstans i fältet - det är ganska enkelt fixat.

Men vill du ha mer komplexa filter, och skräddarsydda per site så börjar vi snacka lite drygare prylar. Men berätta hur du vill ha filret, och hur det ska administreras så kanske jag kan göra ett försök.

På prisjakt råkade jag klicka mig in på medacenters (http://www.prisjakt.nu/kategori.php?k=295), och där finns det ju sliders, checkboxar och en massa haxx... Det är inte så jävla bara att hitta en färdig sån grej - som dessutom inte laddar om sidan. :)

totoo 2008-04-02 03:44

hmm, det var inte helt oklurigt att göra en sån där funktion... Men jag har kommit en bit på vägen. Om jag orkar fortsätta en arbetsdag till ungefär med detta så borde det fungera bra. :) Kul med nya utmaningar...

edit: Men då har jag inte några coola filter, utan bara fritextfält för varje kolumn. Det får vara steg ett.

mr_lundis 2008-04-02 11:53

Citat:

Ursprungligen postat av Adam N
Citat:

Ursprungligen postat av mr_lundis
Grid komponenten i ExtJS kanske kan vara nått?
http://extjs.com/deploy/dev/examples/

Kan inte se att den har filtrering fast det verkar gå att ordna via andra komponenter i Ext JS. Kanske lite bökigt att få till helt på klientsidan. Verkar vara mer inriktat på Ajax.

Data till griden hämtar man oftast med ajax (det går utan, t.ex. genom att läsa från en redan existerande tabell eller en JS aray), men filtrering och sortering kan man göra på klientsidan.

totoo 2008-04-02 12:25

mr_lundis
Shit vad deras js-lib var bra.... Det klarar ju av ungefär allt... Nu känner jag mig liten. :) Riktigt fina grejer.


Alla tider är GMT +2. Klockan är nu 11:01.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson