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,
You can use row and column indices to get a cell object -
oGrid.onCellClicked = function(event, columnIndex, rowIndex){
var oCell = this.getCellTemplate(columnIndex, rowIndex);
}
oGrid.onCellClicked = function(event, columnIndex, rowIndex){
var oCell = this.getCellTemplate(columnIndex, rowIndex);
}
Alex (ActiveWidgets)
October 30,
Thanks,
but description of functions in Your documentation not so complete.
for example: /aw.ui.grid/cell-template.html
and many other functions, not only this.
One question about documentation, in package of 'ActiveWidgets 2.0 - Grid and Component Library' is it contain documentation, for example (*.chm) format, or it is only in your website?
but description of functions in Your documentation not so complete.
for example: /aw.ui.grid/cell-template.html
and many other functions, not only this.
One question about documentation, in package of 'ActiveWidgets 2.0 - Grid and Component Library' is it contain documentation, for example (*.chm) format, or it is only in your website?
Maxim
October 31,
This topic is archived.
See also:
tabbing from cell to cell
Josh
(22)
[Please comment] Cell editing, changing API (2.0)
Alex (ActiveWidgets)
(21)
Grid Cell Not Displaying White Spaces
Jez (True Track Software)
(24)
How to get single value on click of any cell in the same row
Ameenullah
(10)
Change header cell color (cell by cell)
Brian
(6)
Help?!-Posting cell data to new window?
max freeman
(17)
How to get Cell Object/Cell Text from Cell Template?
Ashwin Gupta
(4)
hide cell data
Mark Wester - Holland
(14)
Back to support forum