Differences

This shows you the differences between two versions of the page.

--- scripting:dialogs:multi_listbox [2015/01/20 01:06] – [Example] admin
+++ scripting:dialogs:multi_listbox [2018/01/10 20:41] (current) – external edit 127.0.0.1
@@ Line 15: / Line 15: @@
 ===== Items =====
-List Box is filled by //Items//. You can fill it statically in-line OR dynamically using associated by //id// script variable (VB Array of integers, use [[scripting:dialogs:ax2js|ax2js]] function to convert from JS array). If you pass dynamic content and define static selection, static one is ignored.
+List Box is filled by //Items//. Initial selection state for items can be set statically in-line or dynamically using associated by //id// script variable (VB Array of integers, use [[scripting:dialogs:ax2js|ax2js]] function to convert from JS array). If you pass dynamic content and define static selection, static one is ignored.
 ==== Item ====
@@ Line 92: / Line 92: @@
 </file>
+===== Dynamic content =====
+Creating content dynamically is not straightforward, but possible by generating of the static template in script.
+<file javascript multi-list-box-dynamic-content.hejs>
+#include "he_utils.js"	// this is include file
+var varStorage = new Storage();
+var dialog_template =
+'<dialog title="Test dialog" resizable="true" id="testdlg">\r\n \
+ <multi_listbox extended_sel="true" minwidth="24" maxheight=8 id="dynamic_content_list">';
+for(var nItem = 0; nItem < 100; ++nItem)
+  dialog_template += '\r\n' + '    <item text="Item ' + nItem + '"/>';
+dialog_template += '\r\n' + '  </multi_listbox> \
+\r\n  <group uniform="true" align="right"> \
+\r\n    <button title="&amp;OK" returnval="ok" default="true"/> \
+\r\n   <button title="&amp;Cancel" returnval="cancel"/> \
+\r\n  </group> \
+\r\n</dialog>';
+Output().Clear();
+// show dialog using dialog template and variables storage for passing initial data
+Output().writeln("Dialog returns: " + dialog(dialog_template, varStorage));
+// evaluate here returnCode (returnval of selected button) and decide if varStorage shall be evaluated
+Output().writeln("Dialog template:");
+Output().writeln(dialog_template);
+// convert VB array to JS array and output it
+Output().writeln("List selection: " + ax2js(varStorage.dynamic_content_list));
+</file>