This format handler will style a Select mask column with the down arrow indicator. This replaces the default @lookup format handler for a select mask column
var selectFormat = function(objDiv, strCDFKey, objMatrix, objMatrixColumn, intRowNumber, objServer) {
var objMask = objMatrixColumn.getEditMask();
if (objMask != null && typeof(objMask.getRecordNode) == "function") {
var objNode = objMatrix.getRecordNode(strCDFKey);
if (objNode) {
var strValue = objMatrixColumn.getValueForRecord(strCDFKey);
var lookupNode = objMask.getRecordNode(strValue);
objDiv.innerHTML = jsx3.util.strEscapeHTML(
lookupNode ? lookupNode.getAttribute("jsxtext") : (strValue != null ? strValue : ""));
}
objDiv.style.backgroundImage = "URL(JSX/images/select/arrowmask.gif)";
objDiv.style.backgroundRepeat= "no-repeat";
objDiv.style.backgroundPosition = "top right";
}
};
Note:
Using Format Handler is very Javascript intensive, especially for large number of rows(and or columns). Do not use this if you need to support IE6/7. You've been warned.