361 Lotus blogs updated hourly. Who will post next? Home | Downloads | Events | Pods | Blogs | Search | myPL | About 
 
Latest 7 Posts
Great mobile application for Black Friday
Wed, Nov 19th 2014 116
Afraid big brother is tracking your online activity? Then check out Tor …maybe
Wed, Nov 5th 2014 150
Webinar – Inside the User Experience; Solutions to Mobile Banking Issues
Mon, Nov 3rd 2014 98
Donate to Wikipedia today!
Wed, Oct 29th 2014 119
Want to learn WebSphere Commerce? Check out this new play list
Tue, Oct 28th 2014 127
What do you think technical eminence is?
Mon, Oct 27th 2014 142
Who watches YouTube videos from their TV?
Sat, Oct 25th 2014 181
Top 10
Who watches YouTube videos from their TV?
Sat, Oct 25th 2014 181
Afraid big brother is tracking your online activity? Then check out Tor …maybe
Wed, Nov 5th 2014 150
The power of the dataload utility – loading data into any table
Wed, Oct 15th 2014 145
What do you think technical eminence is?
Mon, Oct 27th 2014 142
Searchandizing part 2 – Promoting a Category
Thu, Oct 23rd 2014 139
Want to learn WebSphere Commerce? Check out this new play list
Tue, Oct 28th 2014 127
Getting started with IBM Mobile Web Push – Mobile Messaging for marketing – Part 1
Tue, Feb 25th 2014 126
Donate to Wikipedia today!
Wed, Oct 29th 2014 119
Great mobile application for Black Friday
Wed, Nov 19th 2014 116
Webinar this Thursday! Optimizing e-Commerce Site Search for IBM WebSphere Commerce
Wed, Oct 22nd 2014 113


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
37 hits



Recent Blog Posts
116


Great mobile application for Black Friday
Wed, Nov 19th 2014 3:50p   Bob Balfe
I was sent a story idea for a mobile application call Zoomingo and I will say upfront that if someone pitches me an application or story idea I really have to like it to blog about it. This application fits … Continue reading → [read] Keywords: application mobile
150


Afraid big brother is tracking your online activity? Then check out Tor …maybe
Wed, Nov 5th 2014 9:26a   Bob Balfe
With all the worries that big brother is looking at your online activity something like Tor may just be the answer to online anonymity. The announcement that Verizon is planning to have a perma-cookie tracking ID placed on your phone – even … Continue reading → [read] Keywords:
98


Webinar – Inside the User Experience; Solutions to Mobile Banking Issues
Mon, Nov 3rd 2014 7:36a   Bob Balfe
Our friends over at BlueSky will be hosting a free webinar this Thursday, register here today! This free webinar will teach you how to see the way your mobile or desktop websites are working through the eyes of each consumer … Continue reading → [read] Keywords: desktop mobile
119


Donate to Wikipedia today!
Wed, Oct 29th 2014 7:43a   Bob Balfe
I have long been a fan and user of Wikipedia. And as many of you know, it comes with no advertisements and that means it solely relies on donations. I highly recommend anyone who uses Wikipedia to go and donate … Continue reading → [read] Keywords:
127


Want to learn WebSphere Commerce? Check out this new play list
Tue, Oct 28th 2014 9:13a   Bob Balfe
One of my colleagues (thanks Paul V) requested I create a playlist of my videos that could be used for education purposes in a logical order. It is not perfect but I think it is a good start for someone … Continue reading → [read] Keywords: websphere
142


What do you think technical eminence is?
Mon, Oct 27th 2014 9:33a   Bob Balfe
This is a very interesting topic for me as I have heard the term several times within IBM. Let’s tear apart the phrase: Technical – obviously someone who is a technical expert or at least claims they have the capability … Continue reading → [read] Keywords: ibm




181


Who watches YouTube videos from their TV?
Sat, Oct 25th 2014 3:03p   Bob Balfe
I love statistics and especially love them when something new starts to happen. This year something definitely changed with what devices people use to watch my videos. I have seen a huge growth in mobile and tablet however TV has … Continue reading → [read] Keywords: mobile
139


Searchandizing part 2 – Promoting a Category
Thu, Oct 23rd 2014 1:53p   Bob Balfe
In this demonstration I get some requirements from my marketing manager Mary to start a new sales category called “Sale” on the North American site. I create the category with a custom layout using Commerce Composer along with a promotion … Continue reading → [read] Keywords:
113


Webinar this Thursday! Optimizing e-Commerce Site Search for IBM WebSphere Commerce
Wed, Oct 22nd 2014 8:53p   Bob Balfe
Our partners over at Coremedia and NetSphere Strategies will be hosting a webinar about WebSphere Commerce search tomorrow, register for it here. DATE:  Thursday, October 23, 2014TIME:  2:30pm Central | 12:30pm Pacific Solr, an open-source enterprise search platform, is a powerful tool in the hands of … Continue reading → [read] Keywords: ibm enterprise websphere
145


The power of the dataload utility – loading data into any table
Wed, Oct 15th 2014 8:53a   Bob Balfe
I read a great article that shows how easy it is to configure the WebSphere Commerce dataload utility to load data into any table. In this case it is a custom table and Pradeep walks you through the configuration of … Continue reading → [read] Keywords: websphere




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