<html><body><div style="color:#000; background-color:#fff; font-family:arial, helvetica, sans-serif;font-size:10pt"><div>Hello,</div><div>Is there a way to build the 'select' list when the drop-down button is pressed?</div><div><br></div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">Our application uses drop-down lists for options that have a short list to pick from (longer lists use a lightbox list prompt).</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">In most cases, the list of values is not needed, since the user is not going to change the selection. </div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">So, I'd prefer to defer getting the list to when
the user asks for it (round trip time to get the list is less than 50ms).</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">Getting the data is not expensive, but including it in the initial data retrieval for the full view is a coding hassle. </div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><br></div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">I've tried various #onClick: code, like loading a new rendering of the select component with the list populated, but no luck.</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><br></div><div style="color: rgb(0,
0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">i.e.</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span>html select</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span>onClick: ("get the list and display it");</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span>list: (Array with: initialSelection); "for initial display"</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica,
sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span>selected: initialSelection; </div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span>callback: [:value | ... ]</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span></div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span class="Apple-tab-span" style="white-space:pre"> </span></div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style:
normal;">Thanks for any help,</div><div style="color: rgb(0, 0, 0); font-size: 13px; font-family: arial, helvetica, sans-serif; background-color: transparent; font-style: normal;">Bob Nemec</div></div></body></html>