Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Fill drop down list with a calculated total

Avatar

Level 2

I have a calculated field that totals the difference between two numbers; is there a way to use that generated total and populate a drop down?

 

example: the calculation is 5; is there a way to populate a drop down list that would show 0,1,2,3,4,5?

I think some combination of a For loop and an array might do it, however, I am no good at script writing and I would really appreciate an example 

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

@wilsonl28824783 

Try adding the calculated element using JS i.e  DropDown.addItem("Last Item," Calculated Value");

View solution in original post

5 Replies

Avatar

Correct answer by
Employee Advisor

@wilsonl28824783 

Try adding the calculated element using JS i.e  DropDown.addItem("Last Item," Calculated Value");

Avatar

Community Advisor

Hi @wilsonl28824783 

 

You can achieve your requirment using Jquery. Find the code snippet to dynamically add values to dropdown.

 

(function ($, $document) {
	"use strict";
	// Add granite:class='custom-dynamic-selection' on selection node on cq:dialog
	const SELECTION_SELECTOR = ".custom-dynamic-selection";

	$document.on("dialog-ready", function () {
		// Change this value after calculating it
		var dynamicLength = 5;
		populateDropdown(dynamicLength);
	});

	function populateDropdown(length) {
		var dynamicSelection = $(SELECTION_SELECTOR);
		if (dynamicSelection.length) {
			dynamicSelection[0].items.clear();
			for (var number = 1; number <= length; number++) {
				var selectItem = {};
				selectItem.content = {};
				selectItem.content.textContent = number;
				selectItem.value = number;
				dynamicSelection[0].items.add(selectItem);
			}
		}
	}

}(jQuery, jQuery(document)));

 

Add this js in "cq.authoring.dialog" clientlibs and add property granite:class on selection like this

Screenshot from 2020-07-02 12-56-12.png

 

Hope it helps!

Thanks,

Nupur