:: Forum >>

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

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)
Friday, April 13, 2007
sample code tonight?
Thierry
Friday, April 20, 2007
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
Tuesday, April 24, 2007
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
Thursday, April 26, 2007

This topic is archived.


Back to support forum

Forum search