{lang: 'hu'}

Ma (sokadszorra) futottam bele egy olyan problémába, amire az ExtJS-nek szerintem kész megoldást kéne nyújtania, de mégsem teszi. Tegyük fel, hogy van egy tree, amiben mappáink vannak felsorolva, és van egy grid, ahol a mappákban található fájlokat listázzuk. A treeben kijelölve egy elemet megjelenik a gridben a lista a fájlokkal. Előfordulhat azonban, hogy annyira sok fájl van, hogy érdemes egy lapozóval több oldalra bontani a találatok listázását. Minden eddigi feladatra az ext kész megoldást nyújt. Gondos fejlesztőként viszont ügyelnünk kell arra is, hogy a tree frissítésekor vagy a tree elem kijelölésének eltűnésekor a grid tartalma is alkalmazkodjon, azaz a gridből tűnjenek el a fájlok és a lapozó alaphelyzetbe álljon. Első lépésben próbálkozhatunk a store.removeAll(); metódussal, viszont ez nem frissíti a pager infóit. Utána jöhet a store.loadPage(1, { callback: function() { store.removeAll(); } }) azonban a pagerben szereplő értékek még mindig nem jók. Ezután (na jó, még jó pár megoldást kipróbáltam, de nem untatnálak most vele) elkezdtem átnézni az ext kódját és a következő megoldásra jutottam:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* 
 * 0 rekord betöltése a store-ba, így a 
 * store totalCount property-jének értéke 0 
 * lesz (ez alapján számolja az oldalszámot is a pagernél)
 */
store.loadRecords([]);
 
/*
 * Ez egy private metódus, újraszámolja a pagerben
 * megjelenő értékeket és frissíti a pager-t. Mivel 
 * ez egy private metódus a használata nem feltétlenül
 * garantált a későbbi ExtJS verziókban, de jelenleg
 * ezt találtam egyetlen megoldásként a problémára.
 */
pager.onLoad();

Remélem sikerült 1-2 óra keresgéléstől megmenteni! 🙂

4 Responses to QuickTip: GridPager reset (ExtJS 4.1.0)
  1. szuper, erre futottam rá tegnap.

    Van hasonló megoldásod tabpanel-ben tab elrejtésére? (remove nem nyerő, mert ctrl.-ben nem bírom helyreállítani a selectionchange event-et.)


[top]

Leave a Reply

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.