354 Lotus blogs updated hourly. Who will post next? Home | Downloads | Events | Pods | Blogs | Search | myPL | About 
 
Latest 7 Posts
Best site for online file (XML, JSON, HTML, SQL) formatting
Mon, Apr 21st 2014 146
Tip of The Day: Mobile Simulation With Chrome
Sat, Apr 19th 2014 145
Readers from around the world with the WordPress Stats Map
Sun, Apr 6th 2014 125
Tip Of the Day: Modifying and saving CSS with Google Chrome
Fri, Apr 4th 2014 155
IBM Commerce Composer for WebSphere Commerce Demonstration
Thu, Apr 3rd 2014 94
IBM Smarter Commerce Global Summit 2014: All Star Moments Challenge
Tue, Apr 1st 2014 90
New Video: Integrating IBM Mobile Web Push and WebSphere Commerce
Sun, Mar 30th 2014 85
Top 10
Rest in peace Mail Rule Utilities!
Tue, Jan 28th 2014 414
Getting started with IBM Mobile Web Push – Mobile Messaging for marketing – Part 1
Tue, Feb 25th 2014 382
NBS Systems 2013 e-Commerce Benchmark – WebSphere Commerce still the leader!
Thu, Aug 1st 2013 289
Top 5 reasons why NodeJS rocks!
Tue, Mar 11th 2014 244
Getting started quickly with Node.js and Express
Wed, Feb 12th 2014 240
Showtheifing, it’s coming to your store…
Tue, Feb 11th 2014 235
Youtility – helping actually sells in the end
Tue, Jan 28th 2014 229
What the heck is BlueMix and why do I care about it?
Thu, Feb 27th 2014 224
Tough Mudder and Wounded Warrior Project!
Sat, Feb 8th 2014 214
The most impressive demonstration at NRF 2014
Fri, Jan 17th 2014 211


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



Recent Blog Posts
146


Best site for online file (XML, JSON, HTML, SQL) formatting
Mon, Apr 21st 2014 8:10a   Bob Balfe
Do you ever need to format some encrypted, auto-generated XML, HTML, or JSON? Well, I do this a lot to debug compressed JSON, HTML, and XML files and I found this great site that not only does formatting for some basic … Continue reading → [read] Keywords: sql xml
145


Tip of The Day: Mobile Simulation With Chrome
Sat, Apr 19th 2014 2:30p   Bob Balfe
Quick Tip of the Day – don’t have a mobile device? Then use Chrome to test your responsive design on many kinds of devices! I have used this technique specifically to test what the site will actually look like on … Continue reading → [read] Keywords: mobile
125


Readers from around the world with the WordPress Stats Map
Sun, Apr 6th 2014 8:00a   Bob Balfe
One of the things I really love about WordPress is statistics feature it gives me for the where readers from my blog are coming from. This is the map from the WordPress.com site that shows a “heat map” of where … Continue reading → [read] Keywords:
155


Tip Of the Day: Modifying and saving CSS with Google Chrome
Fri, Apr 4th 2014 9:40a   Bob Balfe
This has really changed the way I work and doing mockups and proof of concepts. Check out the new Tip of Day video to see how you can edit the CSS for a website live using Google Chrome and the … Continue reading → [read] Keywords: css google
94


IBM Commerce Composer for WebSphere Commerce Demonstration
Thu, Apr 3rd 2014 11:40a   Bob Balfe
The one and only Marco Deluca from the IBM WebSphere Commerce development team walks you through the very cool Commerce Composer tool now included with WebSphere Commerce. [read] Keywords: ibm development websphere
90


IBM Smarter Commerce Global Summit 2014: All Star Moments Challenge
Tue, Apr 1st 2014 7:50a   Bob Balfe
Starting at Pulse, IBM started doing an “App Throwdown” to encourage developers to create the “next cool” application based on IBM technology. IMPACT and now the Smarter Commerce Summit now have the same opportunity. The theme of this year’s conference … Continue reading → [read] Keywords: ibm application




85


New Video: Integrating IBM Mobile Web Push and WebSphere Commerce
Sun, Mar 30th 2014 4:30p   Bob Balfe
Marketing people usually only have control over the layout of an eCommerce page and other things like pop-up advertisements or slide in advertisements are controlled by third party plug-ins. IBM Mobile Web Push integrates pretty easily with existing web sites … Continue reading → [read] Keywords: ibm mobile websphere
144


The next big thing in customer loyalty is…
Fri, Mar 28th 2014 12:10p   Bob Balfe
I don’t often blog more than once a day, even write during the day for that matter but during lunch today I read this article and it got me thinking this really could be the next big thing in retail. … Continue reading → [read] Keywords:
116


Calling all Business Partners, Developers, Hackers, and Consultants alike!
Fri, Mar 28th 2014 8:30a   Bob Balfe
So this week I got the opportunity to create my first widget for the new WebSphere Commerce Composer in feature pack 7. I have to give big kudos to the documentation team and the InfoCenter because I followed the five … Continue reading → [read] Keywords: websphere widget
142


Top 5 reasons why you would want IBM Mobile Web Push on your web site
Tue, Mar 25th 2014 7:50a   Bob Balfe
Many marketing platforms offer advertisement placement within the layout of the web site. eCommerce solutions (like WebSphere Commerce) even offer powerful precision marketing engines to personalize content inside of widgets or espots within the layout of the page. I have … Continue reading → [read] Keywords: ibm mobile websphere widgets




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