357 Lotus blogs updated hourly. Who will post next? Home | Downloads | Events | Pods | Blogs | Search | myPL | About 
 
Latest 7 Posts
We all start at zero
Wed, Aug 20th 2014 70
Taxonomy matters and colorful attribute names
Mon, Aug 11th 2014 105
One of THE best new features in WebSphere Commerce Feature Pack (FEP) 7
Fri, Aug 8th 2014 90
BlueMix URL Rating widget on WebSphere Commerce for product ratings
Thu, Jul 31st 2014 100
URL Rating application on BlueMix – Part 2 – the user interface
Fri, Jul 25th 2014 128
Automatically add your BlueMix YouTube video to the BlueMix Play List
Thu, Jul 24th 2014 1104
Creating a URL Rating Application in Node-RED on BlueMix – Part 1
Thu, Jul 24th 2014 149
Top 10
Automatically add your BlueMix YouTube video to the BlueMix Play List
Thu, Jul 24th 2014 1104
Getting started with IBM Mobile Web Push – Mobile Messaging for marketing – Part 1
Tue, Feb 25th 2014 843
Top 5 reasons why NodeJS rocks!
Tue, Mar 11th 2014 446
What the heck is BlueMix and why do I care about it?
Thu, Feb 27th 2014 417
Tip of The Day: Mobile Simulation With Chrome
Sat, Apr 19th 2014 354
Getting started quickly with Node.js and Express
Wed, Feb 12th 2014 343
Best site for online file (XML, JSON, HTML, SQL) formatting
Mon, Apr 21st 2014 333
How to add swipe support to your web application
Wed, May 1st 2013 326
NBS Systems 2013 e-Commerce Benchmark – WebSphere Commerce still the leader!
Thu, Aug 1st 2013 322
Showtheifing, it’s coming to your store…
Tue, Feb 11th 2014 311


The WebSphere Commerce Ajax Framework
Bob Balfe    

With the new Aurora store front comes many new and exciting features. One feature I really like is the way the store uses Ajax throughout the user interface. The WebSphere Commerce Ajax Framework is based on Dojo (check out the Dojo Ajax documentation here) and it does a great job in easing the use of Dojo in your store front. You can read more about the framework here in the InfoCenter.

But lets dive on the implementation just a little.

The basic flow of the framework is to define callable actions on the server using the Struts framework. You then define the services in JavaScript, identify areas on the screen that will consume the Ajax calls output, and call the service during an event – like an end user click or mouse over.

You can update business objects or refresh the user interface with a basic service call. A good example in the starter store is the mini-shopping cart popup that displays when an item is added to the cart or when the shopper hovers over the shopping cart area. The dialog appears for a few seconds and then disappears.  Like all dojo types you simply put the declaration in the DIV element:

dojoType=”wc.widget.WCDialog” id=”MiniShoppingCart” relatedSource=”miniCartDiv”>

You can read more about the wc.widget.WCDialog widget here, however, this declaration tells the Dojo subsystem to refresh this DIV area with the shopping cart content. In the following example I show something a little different since the result is a dialog popup and not an on screen refresh using dojoType.

<DIV id=widget_minishopcart onmouseover="javascript:showMiniShopCartDropDown('widget_minishopcart','quick_cart_container','orderItemsListAutoClose');"

The id (widget_minishopcart) ends up being the relativeId and ties the JavaScript call to showMiniSopCartDropDown to the location of the new dialog. Inside of that JavaScript method you make a call to the service to show the popup dialog:

dropDownDlg = new wc.widget.WCDialog({relatedSource: relativeId, x:x1, y:y1, title:dialogTitleElement.innerHTML},pane);

The other interface widgets you might want to check out are:

What other reusable widgets do you think we could create?



---------------------
http://blog.balfes.net/2012/12/12/the-websphere-commerce-ajax-framework/
Dec 12, 2012
156 hits



Recent Blog Posts
70


We all start at zero
Wed, Aug 20th 2014 6:00a   Bob Balfe
Had to pass this great video and cause on to everyone. I love Khan Academy and I think its cause is the future of learning. Join the cause today! You Can Learn Anything! [read] Keywords:
105


Taxonomy matters and colorful attribute names
Mon, Aug 11th 2014 7:20a   Bob Balfe
The taxonomy, or often called navigation, of a site is probably one of the most important pieces of an online commerce system. Being able to narrow down to a product through search and a faceted navigation system is very important to the … Continue reading → [read] Keywords:
90


One of THE best new features in WebSphere Commerce Feature Pack (FEP) 7
Fri, Aug 8th 2014 7:03a   Bob Balfe
In Feature Pack 7, the advanced configuration allows you to federate and cluster WebSphere Commerce search. This means you can now scale your servers more inline with your sites demand – separating transactional operations and search operations independently.  Marco Fabbri … Continue reading → [read] Keywords: websphere
100


BlueMix URL Rating widget on WebSphere Commerce for product ratings
Thu, Jul 31st 2014 5:40a   Bob Balfe
Ok, this is really just a teaser post as I will divulge the process used to get my Blue Mix URL rating widget into the WebSphere Commerce Composer framework a bit later. I will say, now that the widget is in … Continue reading → [read] Keywords: websphere widget
128


URL Rating application on BlueMix – Part 2 – the user interface
Fri, Jul 25th 2014 8:30a   Bob Balfe
The next step in my Node-RED application on BlueMix is to create some user interface that calls the services I defined in my Node-RED flow sheet. If you recall from the last post, I created two services: /postrating – which … Continue reading → [read] Keywords: application interface
1104


Automatically add your BlueMix YouTube video to the BlueMix Play List
Thu, Jul 24th 2014 7:50p   Bob Balfe
Want your video to be listed on the BlueMix video list?  Simply tag it with “bluemix” and “ibm” and it will automatically be added. The list shows the videos in order by most views first.   [read] Keywords: ibm
149


Creating a URL Rating Application in Node-RED on BlueMix – Part 1
Thu, Jul 24th 2014 2:03p   Bob Balfe
This is the first part of a new application I am creating using Node-RED on BlueMix. With very little programming, I show how you can get a basic URL rating application up and running very quickly using Node-RED. In this … Continue reading → [read] Keywords: application




114


Today’s Bluemix Virtual Meetup Live On YouTube and Google+ starts in 5 minutes!
Wed, Jul 23rd 2014 8:00a   Bob Balfe
Originally from Ryan Baxters blog here. You can watch today’s Bluemix Virtual Meetup on mobile cloud services live at 10 AM EST on YouTube.  There are 3 options for watching. Watch out on the YouTube page. Watch on the Google+ page.  If you watch … Continue reading → [read] Keywords: google mobile
139


Top 10 most popular videos about IBM BlueMix
Tue, Jul 22nd 2014 6:50a   Bob Balfe
These are currently the most viewed videos on YouTube about the IBM BlueMix platform: #10 #9 #8 #7 #6 #5 #4 #3 #2 #1 [read] Keywords: ibm
124


Node-RED boilerplate on #BlueMix now uses Cloudant NoSQL DB
Mon, Jul 21st 2014 6:40a   Bob Balfe
Not sure if anyone noticed this but the Node-RED boilerplate application on BlueMix now uses the Cloudant NoSQL database service for storage. The beta version used Mongo: [read] Keywords: application database




Created and Maintained by Yancy Lent - About - Blog Submission - Suggestions - Change Log - Blog Widget - Advertising - Mobile Edition