combo box edit only not working

When using "gridObj.setCellEditable(false, 4);" to make the combo box uneditable, the grid then does nto recognize the change of the combo box. I am trying to use ".getContent("box/text").setAttribute("readonly", true); " but I cannot get it to work. The code is below.
Thanks for any help!

var list = new AW.UI.List;

list.setItemText(dataList);
list.setItemCount(dataList.length);



var combo = new AW.Templates.Combo;
combo.setId("data");
gridObj.setCellTemplate(combo, 4);
gridObj.setPopupTemplate(list, 4);
combo.getContent("box/text").setAttribute("readonly", true);

I got the box to be read only and editable, but how do I assign it into a particular column?

var combo = new AW.UI.Combo;

var myData = ["All","AB","AK"];


combo.setControlText("Select");
combo.setItemText(myData);
combo.setItemCount(myData.length);
gridObj.setCellTemplate(combo, 4);
// make input box readonly
combo.getContent("box/text").setAttribute("readonly", true);

// fix for 'contentEditable' attribute
combo.onControlEditStarted = function(){
this.getContent("box/text").element().contentEditable = false;
}

document.write(combo);