For now, I'm testing by setting a listener on another component, and manipulating the above panel in response to a change event. The listener is in a controller I've created for the functionality I'm working on:
handleChange: function(theField, newValue, oldValue)
var theText = theField.ownerCt.ownerCt.getComponent('offerText');
// '<p>Later, this will be set to the appropriate text for the offer</p>',
theText.getEl().update('<p>Later, this will be set to the appropriate text for the offer</p>');
As you can see, I've tried a number of ways to get the modified panel to display, but nothing seems to work; the panel's div has a height property of zero, and nothing I do seems to change that. How do I force the app to re-render the panel?
N.B.: Inspecting the DOM with Firefinder shows that both overwrite() and update() are behaving as desired; it's the formatting of the enclosing <div> that's got me beat.
Basically, when I select an option from a combobox list, I need to display a text description of that option's details below the combobox.
That doesn't seem particularly germane to the question, though. In a generic sense, how to I tell the window to recalculate its appearance, and display itself as if the panel had had the new text in it all along?