Home > JavaScript > Ikonica u zaglavlju Grid objekta, drugi deo

Ikonica u zaglavlju Grid objekta, drugi deo

Pre izvesnog vremena sam pisao o tome kako je moguce postaviti ikonicu u zaglavlju grid objekta. Tom prilikom je za iniciranje postavljanja ikonice u određenu kolonu korišćen ID atribut kolone. Mana ovakvog pristupa je u tome što ukoliko imate više grid objekata koji imaju kolone koje se ponavljaju morate da menjate vrednost ID atributa a samim tim i da dodajete nov stil u CSS.

Kako bi se ovaj problem prevazišao, potrebno je CSS stil definisati kao klasu, a zatim u okviru definisanja kolone koristiti CLS atribut. Primer postavljanja ikoice bi bio:

.colFlag .x-column-header-inner
{
    background:transparent url(../../images/icons/famfam/flag_red.png)
    no-repeat 3px 3px !important;
    text-indent:-250px;
}

A zatim prilikom definisanja atributa kolone grid objekta postaviti, npr.:

	
{
    dataIndex:'idTip',
    align:'center',
    header:'Naziv kolone',
    width:24,
    hideable:false,
    menuDisabled:true,
    cls:'colFlag',
    tooltip:'Tekst koji se vidi ukoliko se koristi header tooltip plugin',
}
  1. No comments yet.
  1. No trackbacks yet.