displayInfo -> pagingItems

2012.12.14. 23:43 stack

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:

Ext.create('Ext.grid.Panel', {
    ...
    bbar: Ext.create('Ext.PagingToolbar', {
        ...
        prependButtons: true,
        displayInfo: false,
        items: [{xtype: 'tbtext', itemId: 'displayItem'}, '->']
    })
});

Szólj hozzá!

Címkék: toolbar paging

PagingToolbar.pageSize

2009.05.16. 10:57 stack

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.

36 komment

Címkék: plugin toolbar grid pagesize paging

toolbar.hide() és toolbar.show()

2009.01.21. 09:07 stack

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:

Szólj hozzá!

Címkék: panel toolbar override

tbtext.text

2008.12.10. 09:12 stack

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:

new Ext.Toolbar({
    renderTo: Ext.getBody(),
    items: [
        {xtype:'tbtext', text:''}
    ]
});

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

Szólj hozzá!

Címkék: toolbar override textitem

Több toolbar

2008.10.29. 09:45 stack

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:

new Ext.Panel({
    renderTo: Ext.getBody(),
    tbar: [{text:'első'},  ' ','...'],
    tbar2: [{text:'második'},' ','...'],
    onRender:function() {
        Ext.Panel.prototype.onRender.apply(this, arguments);
        new Ext.Toolbar({ renderTo:this.tbar, items: this.tbar2 });
    }
});

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

Szólj hozzá!

Címkék: toolbar

Viewport.tbar

2008.10.13. 21:45 stack

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ű:

new Ext.Viewport({
    layout: 'fit',
    items: {
        tbar: [{text:'Gomb'},{text:'Másik gomb'},{text:'Harmadik'}],
        layout: 'border',
        items: [
            {region:'west', width:100, split:true},
            {region:'east', width:100, split:true},
            {region:'north', height:100, split:true},
            {region:'south', height:100, split:true},
            {region:'center'}
        ]
    }
});

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

Szólj hozzá!

Címkék: toolbar napi szívás viewport

ExtJS blog, mi ez?

Az ExtJS egy JavaScript keretrendszer, melyet a blog írója elfogultan a legjobbnak tart, és ez a blog olyan apróságok gyűjteménye, melyek ExtJS használata közben felmerültek, eszébe jutottak...

Címkék

ajax (4) alignto (1) állás (3) analytics (1) anchorto (1) android (4) animate (2) array (9) auto (1) back button (1) beautifier (1) beforeevent (1) benchmark (1) blur (1) budapest.js (1) button (1) canvas (1) capture (1) case sensitive (1) center (1) change (1) cikkajánló (1) class (2) closure compiler (1) collapse (1) combobox (3) comment (1) console.log (2) contextmenu (2) core (2) count (1) css (15) csv (1) dataview (1) date (4) datefield (3) datepicker (1) debug (1) doksi (1) dragdrop (1) easing (1) eclipse (1) editor (1) element (5) error (5) eval (2) event (1) fejtörő (1) field (2) fieldset (1) filter (1) firefox (4) firefox extension (2) focus (3) fonts (1) fun (1) function (1) google (2) google chrome (1) grayscale (1) grid (4) group contact (1) header (3) height (2) hidden (1) hirek (2) history (1) htaccess (1) html5 (2) htmleditor (2) https (1) icon (3) id (2) ie (2) ie6 (1) ie9 (1) iframe (3) image (2) indexof (1) javascript (1) jquery (2) jslint (2) jsmin (1) json (7) keymap (1) kipróbálom (2) könyvajánló (2) label (1) layout (1) lint (1) log (1) loop (1) magyar (2) mandelbrot (1) mask (1) math (1) maxlength (1) mistake (1) mysql (5) napi szívás (16) nem extjs (12) node (1) nth child (1) number (1) off (5) offline (1) operator (1) override (20) pagesize (1) paging (2) panel (2) php (7) picker (1) plugin (3) pozicionálás (2) preload (1) print (1) propertygrid (1) pseudo (3) readonly (2) record (1) regexp (1) replace (1) resizable (1) rotate (1) round (1) scale (1) sencha touch (2) server (1) shuffle (1) slider (1) sort (3) sortable (1) store (2) string (7) sum (1) tabchange (1) tabpanel (1) tab key (2) tdd (1) template (1) textarea (2) textfield (1) textitem (1) theme (2) throw (1) timer (1) timestamp (1) title (2) toggle (1) toolbar (6) tools (1) total count (1) transparent (1) tree (1) treenode (1) trigger (1) truncate (1) try (1) ucfirst (1) undefined (2) unique (1) unload (1) urlencode (1) utf8 (2) verzió (1) video (1) viewer (1) viewport (2) visible (2) vtype (1) window (2) xtype (1) zindex (2)

Extjs.blog.hu - RSS

Kérdés?