Limitarea elementelor dintr-un sortable (interface)
8 MayEu sunt utilizator de jQuery şi mulţi ştiu asta. Dar deoarece atât UI 1.0 cât şi 1.5beta fie nu s-au „mulat” după nevoile mele, fie eram într-un stadiu prea avansat cu Interface pentru a face „upgrade”, am renunţat şi am rămas la vechiul, dar bunul (parcă ar fi vin
) Interface (site-ul este momentan down, dar am arhiva
).
Eh, şi cum foloseam eu Interface, acum vreo lună-două, m-am lovit de o problemă căreia nu i-am dat prea multă importanţă: cum limitez câte elemente are un sortable? Am stat puţin, am căutat pe goole, fără succes însă şi am lăsat-o baltă, mai ales că proiectul era pus pe hold. În ziua de azi însă, proiectul este în floare, se lucrează în draci şi a trebuit să revin asupra problemei. După câteva ore de căutări pe google şi pe o mulţime de liste de discuţii, timp în care îmi pierdeam speranţa că ar putea fi posibil aşa ceva, îmi vine în cap o idee genială: de ce să nu întreb direct la sursă?
Mi-am luat inima în dinţi şi am vorbit cu Eyecon, i-am expus problema şi în mai puţin de cinci minute mi-a dat rezolvarea:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | $('.sort').Sortable({ accept : 'sortItem', activeclass : 'sortableactive', hoverclass : 'sortablehover', helperclass : 'sorthelper', opacity: 0.5, fit : false, floats: true, onStart: function(){ console.log($('#big .sortItem').size()) if ($('#big .sortItem').size() == 3) { //numărul maxim de elemente acceptate console.log($('#big').get(0).dropCfg.a) $('#big').get(0).dropCfg.a = 'dummyRandom'; } else { $('#big').get(0).dropCfg.a = 'sortItem'; } } }); |
Şi gata
Şi demo aici (click!).
Berea se duce direct la Eyecon 

