Azt tapasztaltam, hogy sokan csupán azért használják az ExtJS-t a JQuery könyvtárral, mert úgy gondolják, hogy azzal egyszerűbb a szelektorok használata, a CSS módosítás vagy éppen az animáció.
Pedig ezeknek mind létezik az ExtJS-es megfelelője:
DOM Basic + CSS:
$("#id, .class, div").addClass('blue');
Ext.select("#id, .class, div").addClass('blue');
Ext.select("#id, .class, div").addClass('blue');
$("input[type='text']").css('background', 'red');
Ext.select("input[type='text']").setStyle('background', 'red');
Ext.select("input[type='text']").setStyle('background', 'red');
Effektek + Animáció:
$('#id').slideUp();
Ext.get('id').slideOut('t', {useDisplay: true});
Ext.get('id').slideOut('t', {useDisplay: true});
$('#id').animate({opacity: 0.5, width: 20}, 1500, 'easeOutBounce');
Ext.get('id').shift({
opacity: 0.5,
width: 20,
duration: 1.5,
easing: 'bounceOut'
});
Ext.get('id').shift({
opacity: 0.5,
width: 20,
duration: 1.5,
easing: 'bounceOut'
});
