Solved

Coldfusion & Javascript framework - which one?

Posted on 2011-09-13
5
335 Views
Last Modified: 2012-05-12
Hi Experts,

I have a question about javascript and coldfusion architecture. I have Coldfusion 9 running on my server and I'm getting ready to add some really cool UI features like drag and drop to it. Essentially, there will be two containers. ContainerA has all the sports activities like 100m, 200m, relay, football, baseball, softball, etc. Container B has several containers within it. These will be schoolA, schoolB, schoolC and so on.

The user should be able to drag each of the sports activities and drop them into whichever school that they wish to. My 2 choices are ext.js and jQuery. Which is the better solution for this kind of interface, why and are there any plugins/modules that are already built to do this, maybe with a lil modification I could customize to my needs?
0
Comment
Question by:roger_v
  • 2
  • 2
5 Comments
 
LVL 15

Expert Comment

by:Tomarse111
ID: 36529757
Well, CF comes with ext built in, but it does tend to be bit "bloatware" and you have to include everything when just trying to make a small UI.

It come down to personal preference really as both have extensive drag n drop modules / components. I would personally recommend jQuery, simply because I have found it to be easiest to use from a beginners point of view. You can also customise it a lot easier than the native libraries.

Some exmaple of jQuery drag and drop are:

http://jqueryui.com/demos/draggable/
http://jqueryui.com/demos/droppable/

or maybe even the sortable

http://jqueryui.com/demos/sortable/

Hope that helps

:)
0
 
LVL 1

Author Comment

by:roger_v
ID: 36529930
@Tomarse111:

Thanks for that! Question: I need to save all those actions on the backend, into a sql server database. Can I do that as well? Would it be part of an ajax database call/transaction?

P.S. I'm not a big fan of the ext.js that is shipped with CF9 - I use it just for displaying a couple of tabs and thats it.
0
 
LVL 15

Accepted Solution

by:
Tomarse111 earned 500 total points
ID: 36530036
Yep, you can do that using .serialize() on your element (gets the order of items or the items that have been dropped) and then simply firing off an AJAX request to a remote CFC method. All very easy to accomplish using the jQuery libraries.

:)
0
 
LVL 1

Author Comment

by:roger_v
ID: 36530493
One final question: If I understand correctly, the series of steps for me to implement this are:

1. Build a custom jQuery download (with all the plugins and widgets that I need)

2. Intro to jQuery UI

3. Customizing jQuery UI to my needs

4. If needed, have custom themes

Is that the right order? And also, any special tips while familiarizing myself with the jQuery UI? Any & all tips and tricks are well appreciated!
0
 
LVL 9

Expert Comment

by:digicidal
ID: 36531912
Depending on your level of familiarity you can find several books on using jQuery (there are a few for extJS as well but I've found fewer of them and most are severely outdated).  The online documentation for both implementation and API models are pretty extensive and well thought out so you shouldn't have to dig too far for tips/techniques to help with your coding.

0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Hi. There are several upload tutorials using jquery and coldfusion. I found a very interesting one here Upload Your Files using Jquery & ColdFusion and Preview them (http://www.randhawaworld.com/) . I did keep the main js functions but made sever…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now