359 Lotus blogs updated hourly. Who will post next? Home | Downloads | Events | Pods | Blogs | Search | myPL | About 
 
Latest 7 Posts
Searchandizing part 2 – Promoting a Category
Thu, Oct 23rd 2014 74
Webinar this Thursday! Optimizing e-Commerce Site Search for IBM WebSphere Commerce
Wed, Oct 22nd 2014 56
The power of the dataload utility – loading data into any table
Wed, Oct 15th 2014 128
GreenWheels 2 – The Shop.org demonstration from the IBM booth
Mon, Oct 6th 2014 111
How the iPhone is made info-graphic
Thu, Sep 25th 2014 495
Greenwheels version 2 comes to Shop.Org – don’t miss it!
Wed, Sep 24th 2014 423
Is Pinterest in your marketing plan?
Fri, Sep 19th 2014 904
Top 10
Automatically add your BlueMix YouTube video to the BlueMix Play List
Thu, Jul 24th 2014 1282
Is Pinterest in your marketing plan?
Fri, Sep 19th 2014 904
How the iPhone is made info-graphic
Thu, Sep 25th 2014 495
Getting started with IBM Mobile Web Push – Mobile Messaging for marketing – Part 1
Tue, Feb 25th 2014 483
Greenwheels version 2 comes to Shop.Org – don’t miss it!
Wed, Sep 24th 2014 423
26 Node-Red nodes for your arsenal!
Fri, Jul 4th 2014 327
Mind Map: 22 Best Open Source Apps for Music and Video Editing!
Thu, Jun 26th 2014 286
Goodbye bad sound, meet my new toy!
Tue, Jun 24th 2014 285
Creating a URL Rating Application in Node-RED on BlueMix – Part 1
Thu, Jul 24th 2014 268
Final Re-Tweet Code for my Node-RED application on BlueMix
Mon, Jun 30th 2014 261


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



Recent Blog Posts
74


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:
56


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
128


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
111


GreenWheels 2 – The Shop.org demonstration from the IBM booth
Mon, Oct 6th 2014 12:26p   Bob Balfe
This was the live demonstration we gave at Shop.org for the enhanced greenwheels demonstration. The focus of the demonstration was to show the different organization imperatives the greenwheels brand is attempting to carry out: Execute Cross-Channel Marketing Campaigns Create Behavior Based … Continue reading → [read] Keywords: ibm
495


How the iPhone is made info-graphic
Thu, Sep 25th 2014 7:36a   Bob Balfe
I thought this graphic was very interesting: [read] Keywords: iphone
423


Greenwheels version 2 comes to Shop.Org – don’t miss it!
Wed, Sep 24th 2014 9:16a   Bob Balfe
This year at one of the IBM pedestals you will see the extension to the original demonstration given at the Smarter Commerce Summit (you can watch that video here). The greenwheels company is focusing on three main company imperatives in this story. … Continue reading → [read] Keywords: ibm




904


Is Pinterest in your marketing plan?
Fri, Sep 19th 2014 8:53a   Bob Balfe
We all have our favorite stores and products and usually expect marketing emails to come from the company itself. But did you know Pinterest has been sending “Price drop emails” since last year (2013)? This is great for people who … Continue reading → [read] Keywords:
147


Easily Creating Widgets In WebSphere Commerce Composer
Sat, Aug 30th 2014 12:33p   Bob Balfe
WebSphere Commerce Composer is a very powerful addition to the tool set. It allows marketing and HTML developers to pretty much design a web site to their heart’s content. In this video I show how you can use jQuery and … Continue reading → [read] Keywords: websphere widgets
216


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:
203


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:




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