Brandon Aaron wrote:
I would just post your findings here. That way we can all trouble
shoot and learn. :)
Ok here goes. Actually once I included the dimensions-plugin things started
to click really well.
Here's a really quick'n'dirty how-to for others who want to jumpstart Ext
with jQuery:
1. Download Ext:
http://www.extjs.com/download
(Just click the big blue button for now. There is also a feature that lets
you build your own Ext with just the features you need, but we'll ignore
that for now).
2. Unzip the package, it contains Ext-wise everything you need
3. Download and setup jQuery with the dimensions plugin
I used jQuery 1.1.2, seems to work well now.
You can find the dimensions plugin from the svn, also available with your
browser from:
http://dev.jquery.com/browser/trunk/plugins/dimensions/dimensions.js?format=txt
4. Fire up the page you want to start toying with in your editor of
preference.
5. Include the javascript-files in the right order
a) jquery.js
b) dimensions-plugin
c) other possible jquery-plugins you might want to use
d) the Ext jQuery Adapter script. This is in your ext-directory which you
just uncompressed earlier, at ext-1.0\adapter\jquery\ext-jquery-adapter.js
e) Include the main Ext javascript-file, ext-1.0\ext-all.js
6) Include the necessary css-eye-candy
Please note that the Ext css-files reference images inside the ext-folder,
so I wouldn't carelessly move them around.
a) The ext base css from: ext-1.0/resources/css/ext-all.css
b) Pick a theme, for Dark Vista: ext-1.0\resources\css\ytheme-vista.css
(there is also ytheme-aero.css and ytheme-gray.css, didn't try em out yet).
7) Like all l33ts just skip the tutorials and jump right into mixing jQuery
with Ext:
Add the html:
<a href="#" id="wheelink">Whee Click me Click me!</a>
Add the JS:
$(document).ready(function(){
$('#wheelink').bind('click',function()
{
Ext.Msg.alert('Whee alert!', 'Thanks for clicking me, WHEE!');
});
});
8) Then read the tutorials while already drooling for the eye candy. After
doing the above stuff the tutorials and pretty much everything else should
work bueno:
http://www.extjs.com/tutorial/introduction-ext
http://www.extjs.com/tutorials/beginner/
http://www.extjs.com/tutorials/video
9 Go for the API:
http://extjs.com/deploy/ext/docs/
Hope this prevents others from frustration while trying to get their hands
on all the goodies.
--
Suni
