Suni, thanks for the walk thru, much appreciated. On 4/17/07, Juha Suni <[EMAIL PROTECTED]> wrote:
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
-- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
