Tips for CheckBox Template

To show 'Yes' and 'No' after checkbox :-)

obj.setContent("box/text", function() {return this.getControlProperty("value") ? 'Yes' : 'No'});

My checkbox template when my data is not Boolean but 'Y' & 'N' :-)

// my checkbox
My.CheckBox = AW.Templates.ImageText.subclass();
My.CheckBox.create = function () {
var obj = this.prototype;
obj.setClass("value", function () {
return this.getControlProperty("value") == 'Y';
});
obj.setClass("toggle", "checkbox");
obj.setClass("templates", "checkbox");
obj.setAttribute("awx", "toggle");
var marker = new AW.HTML.SPAN;
marker.setClass("item", "marker");
obj.setContent("box/marker", marker);
obj.setContent("box/text", function() {return (this.getControlProperty("value") == 'Y') ? 'Yes' : 'No'});
obj.setEvent("onclick", function () {
var value = this.getControlProperty("value");
this.setControlProperty("value", (value == 'Y') ? 'N' : 'Y');
});
obj.startEdit = null;
};

It is hardcoded to Y/N for now, but shall develop more generic class to have APIs like following.

// chk.defineCheckedProperty("true", "Y");
// chk.defineCheckedProperty("false", "N");

Cheers,
Sudhaker
http://thej2ee.com (active again)

To show 'Yes' and 'No' after checkbox :-)

var obj = new AW.UI.Grid; // your grid
...
...
var chk= new AW.Templates.Checkbox; // create checkbox template
chk.setContent("box/text", function() {return this.getControlProperty("value") ? "Yes" : "No"}); // magic here
obj.setCellTemplate(checkbox, 4); // fifth column is checkbox
...
document.write(obj); // write grid

Code posted above was bit confusing, so made it idiot-proof.

Cheers,
Sudhaker
http://thej2ee.com (active again)

Excellent, thanks Sudhaker!

Just needed to change
obj.setCellTemplate(checkbox, 4); // fifth column is checkbox
to
obj.setCellTemplate(chk, 4); // fifth column is checkbox