How get the current cell Object
for example:
<div id="Grid"></div>
<script>
<!--
function GetElement(id) {
var d = document;
var element = d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
return (element!=null)?element:null;
}
var myData = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
];
var myColumns = [
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
];
var oGrid = new AW.UI.Grid;
oGrid.setId("myGrid");
var str = new AW.Formats.String;
var num = new AW.Formats.Number;
oGrid.setCellFormat([str, str, num, num, num]);
oGrid.setCellText(myData);
oGrid.setHeaderText(myColumns);
oGrid.setRowCount(20);
oGrid.setColumnCount(5);
//oGrid.setSelectionMode("single-row"); // Bag on use it with setCellEditable
oGrid.setCellEditable(true);
oGrid.setCellEditable(false, 1);
oGrid.setSelectorVisible(true);
oGrid.setSelectorText(function(i){return this.getRowPosition(i)+1});
oGrid.setSelectorWidth(28);
oGrid.setHeaderHeight(20);
oGrid.setVirtualMode(false);
oGrid.onCellClicked = function(event, col, row){window.status = this.getCellText(col, row)};
oGrid.setColumnResizable(false, 0);
GetElement("Grid").innerHTML = oGrid;
var obj = new AW.UI.Combo;
obj.setControlText("Combo");
obj.setControlImage("favorites");
obj.setItemText(["Home", "Favorites", "Font size", "Search"]);
obj.setItemImage(["home", "favorites", "fontsize", "search"]);
obj.setItemCount(4);
obj.setStyle("width", "100%");
oGrid.onCellClicked = function(event, column, row){
if(column==1) {
//var oCell = event.target;
//oCell.setStyle("padding", "0px");
oGrid.setCellText(obj,column,row);
}
}
//-->
</script>
how I can change the cell padding?
The idea use the ComboBox when onCellClicked, but I can`t get a current cell Object and change the padding of the cell for example: oCell.setStyle("padding", "0px");
<div id="Grid"></div>
<script>
<!--
function GetElement(id) {
var d = document;
var element = d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
return (element!=null)?element:null;
}
var myData = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
];
var myColumns = [
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
];
var oGrid = new AW.UI.Grid;
oGrid.setId("myGrid");
var str = new AW.Formats.String;
var num = new AW.Formats.Number;
oGrid.setCellFormat([str, str, num, num, num]);
oGrid.setCellText(myData);
oGrid.setHeaderText(myColumns);
oGrid.setRowCount(20);
oGrid.setColumnCount(5);
//oGrid.setSelectionMode("single-row"); // Bag on use it with setCellEditable
oGrid.setCellEditable(true);
oGrid.setCellEditable(false, 1);
oGrid.setSelectorVisible(true);
oGrid.setSelectorText(function(i){return this.getRowPosition(i)+1});
oGrid.setSelectorWidth(28);
oGrid.setHeaderHeight(20);
oGrid.setVirtualMode(false);
oGrid.onCellClicked = function(event, col, row){window.status = this.getCellText(col, row)};
oGrid.setColumnResizable(false, 0);
GetElement("Grid").innerHTML = oGrid;
var obj = new AW.UI.Combo;
obj.setControlText("Combo");
obj.setControlImage("favorites");
obj.setItemText(["Home", "Favorites", "Font size", "Search"]);
obj.setItemImage(["home", "favorites", "fontsize", "search"]);
obj.setItemCount(4);
obj.setStyle("width", "100%");
oGrid.onCellClicked = function(event, column, row){
if(column==1) {
//var oCell = event.target;
//oCell.setStyle("padding", "0px");
oGrid.setCellText(obj,column,row);
}
}
//-->
</script>
how I can change the cell padding?
The idea use the ComboBox when onCellClicked, but I can`t get a current cell Object and change the padding of the cell for example: oCell.setStyle("padding", "0px");
Maxim
October 30,