Record level editing using popup form

Please check demo at

http://thej2ee.com/tutorial.item.2/awgrid-gpl-row-editing-using-popup.html
No frame: http://sudhaker.gotdns.com/awdemo/

Instructions:
* Click on any icons above (employee / customer).
* On next screen use add/edit/delete icons to change records (double-click will also do edit).

Things (features) to watch for:

* Nicely integrated with ActiveWidgets GPL with plenty of event hooks.
* Add/Change/Delete is performed using AJAX call followed by grid reload using JSON.
* You can edit columns that are not displayed in the grid.
* Grid is disabled while in edit mode.
* You can drag pop-up form using title.
* Utility classes and taglib support for AJAX/JSON.

Note: You may experience problems momentarily because of database refresh. Script reloads the data every 3 hours to maintain demo quality.

Cheers,
Sudhaker Raj (http://thej2ee.com)

Wow, awesome script! Congratulations!

How do you manage loading message?
in 2.02 impossible to do

Very easy. I created a translucent mask and placed the animated GIF (loading...) over it. I'll post the sample code tonight.

sample code tonight?

Sorry about that. Yet another reason why this forum should have email notification.

CSS

.aw-grid-loading {
    background-image: url('loading.gif'); 
    background-position: center center; 
    background-repeat: no-repeat; 
    display: none; 
    position: absolute; z-index: 10000; 
    height: 100%; width: 100%; 
    background-color: #eee; 
    opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);
}

JS patch

var My = {};
My.Mask = AW.System.Template.subclass();
My.Mask.create = function () {
        var obj = this.prototype;
        obj.setTag("span");
        obj.setClass("grid", "loading");
};

AW.UI.Grid.prototype.setContent("loading", new My.Mask);

AW.UI.Grid.prototype.showLoading = function() {
        this.getContent("loading").setStyle("display", "block");
};
AW.UI.Grid.prototype.doneLoading = function() {
        this.getContent("loading").setStyle("display", "none");
};

How to use

obj.showLoading();
obj.doneLoading();

Will provide the DEMO URL soon.

Cheers,
Sudhaker Raj
http://thej2ee.com

Its a very good demo and created using AW 1.0

Can any one post the similar example using AW 2.0.2

Thanks
Vikramaditya Garg