[FLEX-35237] DataGridLayout is broken when used inside <js:beads/>

• Type: Bug
• Status: Resolved
• Priority: Critical
• Resolution: Fixed
• Affects Version/s: Apache FlexJS 0.7.0, Apache FlexJS 0.8.0
• Fix Version/s: Apache FlexJS 0.8.0
• Component/s: FlexJS
• Assignee: Peter Ent
• Reporter: Pan Li
• Created: 05/Jan/17 03:47
• Updated: 05/Jan/17 14:32
• Resolved: 05/Jan/17 14:32

Description

DataGridLayout doesn't work if it is added to <js:beads> of controls, but it does work if the datagrid doesn't use any layout (thus it uses default one in css).

To reproduce the problem:
Take the SDK's datagrid sample, change
DataGridPercentageLayout to
<js:DataGridLayout />

running the updated code in js mode, the application fails with javascript error:

TypeError: this._header is undefined[Learn More]  DataGridLayout.js:81:5
	org.apache.flex.html.beads.layouts.DataGridLayout.prototype.layout file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/org/apache/flex/html/beads/layouts/DataGridLayout.js:81:5
	org.apache.flex.html.beads.layouts.DataGridLayout.prototype.handleSizeChanges file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/org/apache/flex/html/beads/layouts/DataGridLayout.js:130:3
	bound  self-hosted
	goog.events.EventTarget.prototype.fireListeners file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/library/closure/goog/events/eventtarget.js:284:12
	goog.events.EventTarget.dispatchEventInternal_ file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/library/closure/goog/events/eventtarget.js:381:12
	goog.events.EventTarget.prototype.dispatchEvent file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/library/closure/goog/events/eventtarget.js:196:10
	org.apache.flex.events.EventDispatcher.prototype.dispatchEvent file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/org/apache/flex/events/EventDispatcher.js:67:12
	org.apache.flex.core.ElementWrapper.prototype.dispatchEvent file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/org/apache/flex/core/ElementWrapper.js:211:12
	org.apache.flex.html.beads.DataGridView.prototype.createLists file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/org/apache/flex/html/beads/DataGridView.js:182:3
	org.apache.flex.html.beads.DataGridView.prototype.handleDataProviderChanged file:///Users/lipan/Downloads/DataGridExampleTest/bin/js-debug/org/apache/flex/html/beads/DataGridView.js:131:5
	bound  self-hosted
	org.apache.f

check attachment for updated DataGridExample code.