Grid Footer not functioning in 2.0.1

I've been having problems using a footer in my grid, so I tried it using the Documentation examples and it's still doing the same problems.

Basically it's not functioning like the header does - it can't read values from a template and can't update without refreshing the entire grid.

<html>

<head>

<title>ActiveWidgets Examples</title>
    
<script type="text/javascript" src="/ActiveWidgets-2.0.1/runtime/lib/aw.js"></script>
    
<link rel="stylesheet" href="/ActiveWidgets-2.0.1/runtime/styles/xp/aw.css" />
    
<script>

var myData = [
   ["MSFT","Microsoft", "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", "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", "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 myRow = ["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"]

var myHeaders = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];

var txtInput = new AW.UI.Input;
txtInput.setId("Textbox");
txtInput.setControlText("text");
txtInput.getContent('box/text').setStyle('padding-left', '0px');	

var obj = new AW.Grid.Extended;
obj.setId("myGrid");
obj.setCellText(myData);
obj.setHeaderCount(2);
obj.setHeaderText(myHeaders);
obj.setHeaderText(["Sub 0", "Sub 1", "Sub 2", "Sub 3", "Sub 4"], 1);
obj.setFooterCount(1);
obj.setFooterVisible(true);
obj.setFooterTemplate(txtInput, 1);
obj.setColumnCount(5);
obj.setRowCount(20);
obj.setSelectorVisible(true);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});

txtInput.setAttribute("aw", "control");

var button = new AW.UI.Button;
button.setControlText("Click me");


button.onClick = function()
{
   alert(txtInput.getControlText());
}

</script>
    
</head>

<body>

<script>
   document.write(obj);
</script>

<p></p>

<script>
   document.write(button);
</script>

</body>
</html>

Any reason why 'txtInput.getControlText()' always returns ""?

Andy M

January 10,

Andy,

when you put the input box into the footer row you should specify the row index (in extended grid). This is necessary because the extended grid supports multiple footer rows and without the explicit row index it assumes that you want to put the control in all rows and creates object clone for each of them, i.e. txtInput refers to the prototype and not actual control which you see in footer (1, 0). So you have to change the assignment line to

obj.setFooterTemplate(txtInput, 1, 0);

Alex (ActiveWidgets)

January 10,

Cheers Alex this has solved the problem!

Many thanks

Andy M

January 10,

This topic is archived.

Grid Footer not functioning in 2.0.1

See also:

Search

New Data Grid

Version 2