Article View: pl.comp.lang.javascript
Article #51032Grid - ciąg dalszy.
From: homar
Date: Thu, 23 Feb 2012 17:20
Date: Thu, 23 Feb 2012 17:20
47 lines
3189 bytes
3189 bytes
Witam wszystkich, a w szczególności zainteresowanych tabelkami.
Jakiś czas temu poruszyłem temat formatowania tabelek, i muszę
powiedzieć, że dowiedziałem się masę rzeczy na ten temat, i ledwo to
dźwignąłem :) .
Stylami można bardzo dużo, ale w końcu i tak trzeba sięgnąć po grid.
Pomacałem trochę lepszych i gorszych przykładów opartych o jQuery, i w
końcu sięgnąłem po wskazany :
http://trirand.com/blog/jqgrid/jqgrid.html#
Jakimś tam utrudnieniem jest to, że nie to php serwuje dane. Nie
znając php, jakieś problemy miałem z rozpoznaniem i przełożeniem w nim
podanych przykładów - ale jakoś poszło. Przynajmniej udaje mi się
podawać dane w xmlu, z jsonem jeszcze nic mi nie wyszło, ale jestem
dobrej myśli. Ale tymczasem znalazłem tam przykład w "New in version
3.3\HTML Table to Grid" :
jQuery("#ttogrid").click(function (){ tableToGrid("#mytable");});
i postanowiłem napuścić tego grida na stare tabelki. Konkretnie w
kodzie po zwrocie z serwera przy update strony dopisałem :
function updatepage( str ){
document.getElementById( "result" ).innerHTML = str;
tableToGrid( "#myTable");
}
Zadziałało bardzo ładnie. Ale tabelki miewają powyżej 20 kolumn i są
szersze od szerokości okna itd. itp. Trzeba to jakoś przeformatować, a
moje doświadczenie z js jest jeszcze niewystarczające do tego, aby
zmodyfikować formatowanie grida.
Analizuję podane tam przykłady, i wszędzie jest przygotowanie do
wyświetlania wpisane w kod strony, czyli przed pobraniem danych, a tu
nie widzę takiej możliwości. Jak tu ustawić obszar działania dla
grida?
Moje zabiegi typu :
tableToGrid( "#myTable");
jQuery("#myTable").jqGrid('navGrid','#pager11',{ height:
490, width: 300});
nie przynoszą zamierzonego rezultatu :(
Mógłby mnie ktoś nakierować na jkąś poprawną składnię (o ile jest to
wykonalne) ?
Pozdrawiam,
Marek Horodyski
Technical Details
Message-ID:
<43e8c135-839c-4073-9dd0-7a5ef92f8969@do4g2000vbb.googlegroups.com>Path:
mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!wsisiz.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!goblin3!goblin.stu.neva.ru!news.ripco.com!news.glorb.com!postnews.google.com!do4g2000vbb.googlegroups.com!not-for-mailShow Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!wsisiz.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!goblin3!goblin.stu.neva.ru!news.ripco.com!news.glorb.com!postnews.google.com!do4g2000vbb.googlegroups.com!not-for-mail From: homar <marek.horodyski@interia.pl> Newsgroups: pl.comp.lang.javascript Subject: Grid - ciąg dalszy. Date: Thu, 23 Feb 2012 09:20:00 -0800 (PST) Organization: http://groups.google.com Lines: 54 Message-ID: <43e8c135-839c-4073-9dd0-7a5ef92f8969@do4g2000vbb.googlegroups.com> NNTP-Posting-Host: 193.109.244.28 Mime-Version: 1.0 X-Trace: posting.google.com 1330017982 11651 127.0.0.1 (23 Feb 2012 17:26:22 GMT) X-Complaints-To: groups-abuse@google.com NNTP-Posting-Date: Thu, 23 Feb 2012 17:26:22 +0000 (UTC) Complaints-To: groups-abuse@google.com Injection-Info: do4g2000vbb.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