Jquery with extjs?

How to include jQuery with extjs?
spectrumsofttechAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Rikin ShahMicrosoft Dynamics CRM ConsultantCommented:
0
spectrumsofttechAuthor Commented:
Hi,
Please give extjs 3 code for jquery?
0
Rikin ShahMicrosoft Dynamics CRM ConsultantCommented:
Hi,

You might want to use this-
http://extjs-public.googlecode.com/svn-history/r110/extjs-3.x/release/adapter/jquery/

Not sure if this is what you want.
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

spectrumsofttechAuthor Commented:
Can you share some examples?
0
spectrumsofttechAuthor Commented:
I am using Spket Javascript editor for extjs coding.How to  define Jquery function in .js file?
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
spectrumsofttech, I have only looked at extjs multiple times and have not used it in my own projects.  However, from reading through the site in the past, you can use jquery  with it.  You would just need to include jquery file.   Notice the samples for extjs show the calls like,:

Ext.create('Ext.Panel', {

As you know, jquery calls use this convention

$('#someid').show():

In the event libraries are similar, you can use noconflict  http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/
<!-- Putting jQuery into no-conflict mode. -->
<script src="extjs.js"></script>
<script src="jquery.js"></script>
<script>
 
var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.
 
$j(document).ready(function() {
    $j( "div" ).hide();
});
 
// The $ variable now has the prototype meaning, which is a shortcut for
// document.getElementById(). mainDiv below is a DOM element, not a jQuery object.
window.onload = function() {
    var mainDiv = $( "main" );
}
 
</script>

Open in new window


Have you used extjs or jquery in the past?  Or familiar enough to see if this makes sense or not?  It would be easier for you to give us your short sample of code as a link to your site.  When creating code samples, keep it short and sweet like this http://css-tricks.com/reduced-test-cases/
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Rikin ShahMicrosoft Dynamics CRM ConsultantCommented:
Hi,

You will find many examples in this-
http://www.codeforge.com/read/139837/ext-jquery-adapter.js__html
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
@rikin_shah, that link is very confusing.  Do you have an actual sample of your own to contribute.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
spectrumsofttech, thank you for the points.  Did the solution work out for you?  The grade you awarded means the solution I provided was incomplete and I did not answer all of your questions.  What was missing to make this a better answer for you?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.