Associative Arrays and Populating Drop Downs and Text Boxes

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

John Clarke

In my code I want to create an associative array. For example :

// Setup the associative array
var MyObjects = { "one" : "Text Value 1", 
                              "two" : "Text Value 2",  
                              "three": "Text Value 3" };

On my view I want to have a drop down. How can I dynamically populate the drop down with the key values from the associative array (e.g. one, two, three) ?

As well as the drop down there will be 3 Text Input Boxes. The Input Boxes will be called one, two and three. So when I select one from the drop down the value of the Input Box called one will be set to Text Value 1. If I select two from the drop down the value of the input box called two will be set to Text Value 2.

How can I implement this ?

DecSoft

Hello John,

I think that can understand exactly what you wanted. The problem is the time... since you don't post an specific question... I will try to prepare an example for you as quickly as possible. They can take not too much time... or may the things become complex and more time is required... so let me to have some time in order to start with that sample and then I will post it here.

Purchase one or more licenses of our products if they are useful to you!

John Clarke

I thought I would post my solution to this issue :

I created a view with the following items :

Select Box called Select 1
Text box called one
Text box called two
Text box called three

On the show function for the view I added the following code :

startjs

// Setup the associative array
window.App.RootScope.MyObjects = { "one" : "Text Value 1",
                                   "two" : "Text Value 2",
                                   "three": "Text Value 3" };

// Populate the drop down

// Add an empty one
window.App.RootScope.Select1.Items[window.App.RootScope.Select1.Items.length] = "";

// Add the key values
for (var key in window.App.RootScope.MyObjects)
{
    window.App.RootScope.Select1.Items[window.App.RootScope.Select1.Items.length] = key;
}

endjs

and on the change function for the select box I added the following code :

startjs
       // Get the selected item
       SelectedItem = window.App.RootScope.Select1.Items[window.App.RootScope.Select1.ItemIndex];
       
       // Set the text box value for the selected item
       if (SelectedItem.length > 0)
          document.getElementById(SelectedItem).value = window.App.RootScope.MyObjects[SelectedItem];
endjs

My only concern is that is it sensible to use document.getElementById(SelectedItem).value in the code or is there a better method?

DecSoft

Hello John,

Your code it's quite curious, since, in principle, the DropDown controls expected a non associative Array: you provide an associative Array, so the control take the key's values. Maybe other do the things in other way, but, your code works as expected too.

About your concern, certainly you are not exactly set the value of the AB controls. Do that it's just replace one line of your code:

// Instead of this:
if (SelectedItem.length > 0)
  document.getElementById(SelectedItem).value = window.App.RootScope.MyObjects[SelectedItem];

// You can do this:
if (SelectedItem.length > 0)
  window.App.RootScope[SelectedItem].Value = window.App.RootScope.MyObjects[SelectedItem];

Doing that you can therefore access to the controls' "Value" variables like always.

Purchase one or more licenses of our products if they are useful to you!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.