ExtJS blog pont hu

Felmerült, hogy miként lehetne a PagingToolbar-ban felcserélni a pagingItems-eket és a displayInfo-t? Ha más elemet nem adunk hozzá, akkor szerencsére ez könnyen megoldható. A trükk mindössze annyi, hogy azt mondjuk, hogy mégsem kell displayInfo, mert azt magunk tesszük be. Kiegészítve azzal, hogy a saját elemek kerüljenek előre. Azaz:

Néha nehezen magyarázható meg az ügyfeleknek, hogy egy Grid-ben miért kell egyszerre lapozó is, meg görgetősáv is. Talán azért is, mert ezt én sem látom logikusnak. :)

Arra, hogy csak görgetősáv legyen, létezik több kezdeményezés is. (lásd. LiveGrid, vagy a BufferView) Ahhoz, hogy csak lapozó legyen, nem kell mást csinálni, mint meghatározni, hogy egy oldalra maximum hány sor fér ki, és csak annyit kell egyszerre megjeleníteni.

Nem is gondolná az ember, hogy egy toolbar eltüntetése milyen komoly feladat, míg nem próbálta egyszerűen a hide() függvényt erre használni, ekkor az eltüntetés után a toolbar helye üresen marad és a panel body része nem változik. Ám ahhoz, hogy ez ne így legyen meglepően sok dolgot kell állítanunk.

Először is adjuk meg, hogy a toolbar méreteit másként számoljuk (ezt nem is értem, hogy miért nem ilyen alapértelmezetten), utána tüntessük el magát a toolbart (itt is megemlítendő, hogy a this.bbar az a this.getBottomToolbar().container -rel egyenlő, csakhogy ha az egyiket eltüntetjük, attól még a másik isVisible() függvény eredménye nem lesz hamis), ezután a panel méretét újraszámolhatjuk, és végül, ha a panel egy másik elembe van benne, akkor azt is újra kell rajzoltatni. Azaz:

Szeretem a JavaScript-nek gyenge típusosságát. Hihetetlen rugalmassá teszi a benne készült eszközöket, ám mindig megvan a veszély, hogy egyszerű elírás felkutatása is hosszú és fáradságos feladat lehet, miközben más nyelvekben a fordító rögtön kidobja a hibát a típuskülönbségek miatt.

Amikor meglátom a képernyőn a [object Object] felíratot, akkor sejthetően belefutottam egy hasonló problémába. De most nem én, hanem az Toolbar készítői.

Egy eszköztár, benne egy üres elem:

Gyakorlatban hamarabb előjön, mint azt gondolnánk:)

Szükségem volt arra, hogy egymás alatt két felső toolbar jelenjen meg, némi keresgéléssel megtaláltam a megoldást, ami egyszerűbb lett, mint gondoltam:

Ám, nekem kicsivel rugalmasabb megoldás kellett, így a fenti onRender minimális átalakításával már tetszőleges toolbar adható hozzá:

Sikerült ma néhány órányi felesleges munkát adni magamnak.

Eddig nem is néztem, mint kiderült a Viewport-nak nem lehet TopToolbar-t adni... sebaj, a megoldás egyszerű:

És máris olyan, mintha a viewportnak lenne felső toolbar-ja. Csakhogy...