3.2.0

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)
Sudhaker Raj
April 7,
Wow, awesome script! Congratulations!
Rekcor
April 11,
How do you manage loading message?
in 2.02 impossible to do
Thierry
April 12,

Very easy. I created a translucent mask and placed the animated GIF (loading...) over it. I'll post the sample code tonight.
Sudhaker Raj (http://thej2ee.com)
April 13,
sample code tonight?
Thierry
April 20,
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
Sudhaker Raj
April 24,
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
Vikramaditya Garg
April 26,

This topic is archived.

See also:


Back to support forum