Article View: pl.comp.lang.javascript
Article #51034Re: Grid - ciąg dalszy.
From: homar
Date: Fri, 24 Feb 2012 12:19
Date: Fri, 24 Feb 2012 12:19
101 lines
4987 bytes
4987 bytes
On 24 Lut, 10:17, "NKAB -" <nkab.SKA...@gazeta.pl> wrote:
> homar <marek.horody...@interia.pl> napisał(a):
>
>
>
>
>
>
>
>
>
>
>
> > Witam wszystkich, a w szczeg=F3lno=B6ci zainteresowanych tabelkami.
> > Jaki=B6 czas temu poruszy=B3em temat formatowania tabelek, i musz=EA
> > powiedzie=E6, =BFe dowiedzia=B3em si=EA mas=EA rzeczy na ten temat, i
> ledwo=
> > to
> > d=BCwign=B1=B3em :) .
> > Stylami mo=BFna bardzo du=BFo, ale w ko=F1cu i tak trzeba si=EAgn=B1=E6 po
> =
> > grid.
> > Pomaca=B3em troch=EA lepszych i gorszych przyk=B3ad=F3w opartych o jQuery,
> =
> > i w
> > ko=F1cu si=EAgn=B1=B3em po wskazany :
>
> >http://trirand.com/blog/jqgrid/jqgrid.html#
>
> > Jakim=B6 tam utrudnieniem jest to, =BFe nie to php serwuje dane. Nie
> > znaj=B1c php, jakie=B6 problemy mia=B3em z rozpoznaniem i prze=B3o=BFeniem
> =
> > w nim
> > podanych przyk=B3ad=F3w - ale jako=B6 posz=B3o. Przynajmniej udaje mi si=EA
> > podawa=E6 dane w xmlu, z jsonem jeszcze nic mi nie wysz=B3o, ale jestem
> > dobrej my=B6li. Ale tymczasem znalaz=B3em tam przyk=B3ad w "New in version
> > 3.3\HTML Table to Grid" :
>
> > jQuery("#ttogrid").click(function (){ tableToGrid("#mytable");});
>
> > i postanowi=B3em napu=B6ci=E6 tego grida na stare tabelki. Konkretnie w
> > kodzie po zwrocie z serwera przy update strony dopisa=B3em :
>
> > function updatepage( str ){
> > document.getElementById( "result" ).innerHTML =3D str;
> > tableToGrid( "#myTable");
> > }
>
> > Zadzia=B3a=B3o bardzo =B3adnie. Ale tabelki miewaj=B1 powy=BFej 20 kolumn
> i=
> > s=B1
> > szersze od szeroko=B6ci okna itd. itp. Trzeba to jako=B6 przeformatowa=E6,
> =
> > a
> > moje do=B6wiadczenie z js jest jeszcze niewystarczaj=B1ce do tego, aby
> > zmodyfikowa=E6 formatowanie grida.
> > Analizuj=EA podane tam przyk=B3ady, i wsz=EAdzie jest przygotowanie do
> > wy=B6wietlania wpisane w kod strony, czyli przed pobraniem danych, a tu
> > nie widz=EA takiej mo=BFliwo=B6ci. Jak tu ustawi=E6 obszar dzia=B3ania dla
> > grida?
> > Moje zabiegi typu :
>
> > tableToGrid( "#myTable");
> > jQuery("#myTable").jqGrid('navGrid','#pager11',{ height:
> > 490, width: 300});
>
> > nie przynosz=B1 zamierzonego rezultatu :(
> > M=F3g=B3by mnie kto=B6 nakierowa=E6 na jk=B1=B6 poprawn=B1 sk=B3adni=EA (o
> =
> > ile jest to
> > wykonalne) ?
>
> Naprowadzę cię - zainteresuj się tym jak się robi menu na divkach
> a będziesz wiedział jak zrobić swojego ala'grida.
>
> Jeśli ma to być tabelka na danych z www to bez PHP raczej się nie da.
> W czystym JS walisz dane do Array() i te elementy do ala'grida.
Dzięki. Już mam przykładowe dane w akceptowalnym formacie json - uczę
się debugować strony i łapać przesyłane dane pomiędzy serwerem i
przeglądarką :)
I dodatkowo akurat teraz zadziałało mi sterowanie tabelki
przekształconej ze zwykłej html.
Pierwsze działające instrukcje :
tableToGrid( "#myTable") ;
jQuery( "#myTable").jqGrid('setGridWidth',
1250).jqGrid( 'setGridHeight', 600);
I już ! :)
Jeszcze muszę dołożyć belki, ustawianie szerokości myszą, "zafrezować"
kilka kolumn itp. Ale działa !!!
A Grid jest rewelacyjny, dane z serwera pobiera sobie pagerami, albo
automatycznie w tle! Jak ktoś znał i pamięta Clipperowy obiekt
tBrowseNew(), to jest to funkcjonalnie to samo. Plus interakcja z
formularzami, master-ditale, validacja wprowadzanych wartości, itp.
itd. Bardzo, bardzo mocne narzędzie. UI aplikacji biznesowej można na
tym postawić. A szukałem tylko czegoś skromnego do ładniejszego
raportowania, a tu taki brylant :)
Pozdrawiam,
Marek Horodyski
Technical Details
Message-ID:
<c90720a0-0418-45ee-be40-4b6f04598518@f5g2000yqm.googlegroups.com>Path:
mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!goblin1!goblin.stu.neva.ru!postnews.google.com!f5g2000yqm.googlegroups.com!not-for-mailReferences:
<43e8c135-839c-4073-9dd0-7a5ef92f8969@do4g2000vbb.googlegroups.com> <ji7kj4$pqc$1@inews.gazeta.pl>Show Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!goblin1!goblin.stu.neva.ru!postnews.google.com!f5g2000yqm.googlegroups.com!not-for-mail From: homar <marek.horodyski@interia.pl> Newsgroups: pl.comp.lang.javascript Subject: Re: Grid - ciąg dalszy. Date: Fri, 24 Feb 2012 04:19:47 -0800 (PST) Organization: http://groups.google.com Lines: 123 Message-ID: <c90720a0-0418-45ee-be40-4b6f04598518@f5g2000yqm.googlegroups.com> References: <43e8c135-839c-4073-9dd0-7a5ef92f8969@do4g2000vbb.googlegroups.com> <ji7kj4$pqc$1@inews.gazeta.pl> NNTP-Posting-Host: 193.109.244.28 Mime-Version: 1.0 X-Trace: posting.google.com 1330086431 29694 127.0.0.1 (24 Feb 2012 12:27:11 GMT) X-Complaints-To: groups-abuse@google.com NNTP-Posting-Date: Fri, 24 Feb 2012 12:27:11 +0000 (UTC) Complaints-To: groups-abuse@google.com Injection-Info: f5g2000yqm.googlegroups.com; posting-host=193.109.244.28; posting-account=sDFNrgkAAACp40-iOidbLuf5KVASzvBM User-Agent: G2/1.0 X-Google-Web-Client: true X-Google-Header-Order: ASELCHRU X-HTTP-UserAgent: Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11,gzip(gfe) Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit