<div dir="ltr">Hi,<div><br></div><div>I have a select list implemented as follows:</div><div><br></div><div><div><span class="" style="white-space:pre"> </span>id := html nextId.</div><div><span class="" style="white-space:pre"> </span>widget := html select.</div>
<div><span class="" style="white-space:pre"> </span>widget</div><div><span class="" style="white-space:pre"> </span>id: id;</div><div><span class="" style="white-space:pre"> </span>style: ('height: %1px; width: %2px; z-index: 101; position: relative; font-size: 11px; ' bindWith: self height printString with: self width printString); </div>
<div> list: self getList;</div><div><span class="" style="white-space:pre"> </span>selected: self selectedItemString;</div><div><span class="" style="white-space:pre"> </span>onChange: (html jQuery ajax serializeThis);</div>
<div><span class="" style="white-space:pre"> </span>onChange: (self renderPortal: [self setSelectedItem: self selectedItem] on: html);</div><div><span class="" style="white-space:pre"> </span>callback: [:value | self selectedItem: (self getItemFrom: value)]</div>
</div><div><br></div><div>I'm seeing an issue where sometimes, the second onChange event fires before the callback which produces the wrong result. The correct behaviour would be the execution of events as follows:</div>
<div><br></div><div>onChange1</div><div>callback</div><div>onChange2</div><div><br></div><div>So far, I've been unable to find a way to do this. Any help would be great.</div><div><br></div><div>Thanks,</div><div>Murtaza</div>
</div>