Archive

Posts Tagged ‘grid row’

ExtJS 4 rowexpander ne pojavljuje skrol

januar 30th, 2012 No comments

RowExpander plugin u okviru ExtJS 4.0.7 ima grešku. Ukoliko ga implementirate u okviru Grid objekta i sve linije se vide, sa desne strane nećete videti skrol. Međutim, ukoliko otvorite neki od detalja i sadržaj postane višlji nego što je maksimalna visina objekta, skrol se i dalje neće pojaviti.

Kako bi ovo regulisali potrebno je ubaciti sledeću liniju u okviru RowExpander.js dokumenta na kraju toggleRow() metode:

	
this.view.refresh();

Ova linija će forsirati osvežavanje grid objekta i samim tim prikazivanje skrola ukoliko je to potrebno.

Dokument RowExpander.js se nalazi u folderu extjs/examples/ux/

Categories: JavaScript Tags: , ,

Selektovanje prvog reda Grid objekta u ExtJS 4

januar 8th, 2012 No comments

Ukoliko želite da selektujete prvu kolonu u okviru grid objekta, to možete uraditi na sledeći način:

gridObj.getSelectionModel().select(0);

Ovaj deo koda je najbolje ubaciti u okviru događala load kod učitavanja podataka za Grid objekat. Primer:

storeObj = Ext.create('Ext.data.Store', {
	autoLoad	: true,
	model		: 'UsersModel',
	proxy		: {
		type		: 'ajax',
		actionMethods	: { read:'POST' },
		noCache		: false,
		url		: '/users/get_list_of_users',
		reader		: {
			type		:'json',
			root		:'users',
			totalProperty	:'numUsers'
		}
	},
	listeners	: {
		load	: function(store, rec, successful, operation, obj)
		{
			gridObj.getSelectionModel().select(0);
		}
	}
});
Categories: JavaScript Tags: , ,

Kako promeniti hover status linije Grid-a?

novembar 21st, 2011 No comments

U okviru ExtJS 4 Ukoliko želite da se dešava neka promena kada prelazite preko redova u grid objektu, potrebno je da izmenite klasu „.x-grid-row-over .x-grid-cell-inner“. Npr. ukoliko želite da prilikom prelaska preko linije ona bude boldirana potrebno je dodati sledeći kod u okviru vašeg CSS-a:

/* style rows on mouseover */
.x-grid-row-over .x-grid-cell-inner { font-weight: bold; }

Napomena: Vaš CSS je potrebno učitati posle extjs-all.css.

Categories: JavaScript Tags: , ,