Is it possible for aikau MultiSelectInput to handle multiple values?

Examining the widget configuration:

{
    id: "MyMultiSelect",
    name: "alfresco/forms/controls/MultiSelectInput",
    config: {
        label: "My multi-select input",
        name: "assoc_myGood",
        width: "400px",
        addedAndRemovedValues: true,
        valueDelimiter: ",",
        choiceCanWrap: true,
        choiceMaxWidth: "100%",
        optionsConfig: {
            labelAttribute: "name",
            queryAttribute: "name",
            valueAttribute: "value",
            publishTopic: "ALF_CRUD_GET_ALL",
            publishPayload: {
                url: "/slingshot/datalists/lists/node/workspace/SpacesStore/dc1b9c22-b955-4e5f-9b10-2343680a15f5",
                resultsProperty: "response.datalists"
            },
            searchStartsWith: true
        }
    }
}

Data is successfully retrieved, but an issue arises when attempting to select multiple values as only one can be selected. Is MultiSelectInput capable of supporting selection of more than one value?

javascriptdojomulti-selectaikau

Answer №1

Absolutely! You can use the MultiSelectInput component to select multiple values. Take a look at this live example on the Aikau Sandpit for a demonstration. It seems like the issue might be with your optionsConfig. From what I gather from your previous question, it appears that all options are getting the same value assigned to them, hence only one option can be selected at a time.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Ember.js: Storing function prototypes as objects

My interface consists of four vertical panels: The first panel displays the menu for selecting data The second panel allows you to choose a filter from a list The third panel shows the results based on the selected filter The fourth panel displays detail ...

javascriptember.jsnested-routes

Updating the customer's billing address in Stripe without modifying their payment card details

Can I update a customer's stored address on Stripe without updating their card information as well? Currently, when customers update their info, they are required to enter their card details even for minor changes like the city. Is there a way to only ...

javascriptjquerycredit-cardstripe-payments

Run a JavaScript function in 5 seconds

I'm looking to execute this function after a 5-second delay: $(document).ready(function() { $("#signInButton").trigger('click'); }); Your assistance is greatly appreciated. ...

javascriptjqueryhtmlajaxclick

Is there a way to prompt text typing actions to circumvent verification on an application?

As I explore ways to streamline my interactions on Whatsapp web, I am experimenting with a javascript shortcut. Specifically, I am creating predefined messages for quick responses to my contacts. To execute this task, I load the whatsapp page and inject jq ...

javascriptjquery

Struggling to organize data into a hierarchy using the D3.js nest function

Attempting to build a d3.js tree, I need my data to be in hierarchical form before using d3.treeLayout. Currently, here is what my json array looks like: var data = [ {"group":"1","price":"36599.88", "cy":"44260"}, {"group":"2","price":"36599 ...

javascriptjsond3.js

What is the best way to transform a ReadonlyArray<any> into an array of any type?

There are certain native angular functions that return a ReadonlyArray, while some native angular callbacks pass ReadonlyArrays as well. Given that my typescript code may be utilized in various scenarios, I prefer not to mandate that all arrays passed to m ...

javascripttypescripttype-conversion

JavaScript: Learn how to simultaneously open two links from the current webpage

I am trying to create a browser bookmark that will open a link with the id: window.getElementById('updateOk').click() followed by opening a small window with another button: document.getElementsByClassName('rmit-save-details btn btn-inlin ...

javascriptgetelementbyidgetelementsbyclassname

Tips for renaming input file before uploading to a new destination

Instead of using the original name, I would like to replace the image that the user wants to upload with my own pattern. I understand that it's preferable to change the file name on the server, but unfortunately, I am unable to do so for certain reaso ...

javascripthtmlreactjs

unable to choose the radio option

Encountering an unusual problem with the radio buttons due to custom styling. The issue arises when trying to select certain options. Here is the jsfiddle link for reference: http://jsfiddle.net/bm6Lfhdz/1/ Attempt to choose 'Yes' from the secon ...

javascripthtmlcssradio-button

Using PHP and MySQL to create checkboxes populated with data retrieved from a database, and then submitting two parameters

Hey there, I've been struggling with this issue for quite some time. I'm trying to create a list with checkboxes populated from a database that includes [checkbox of car id and value][brand][model]. The goal is to select two cars from the list, ...

javascriptphpjquerymysqlcheckbox

Ways to invoke multiple functions through AJAX

Within this code snippet, AJAX is being used to append values in a td. Initially, the values for one column are appended and then there is a requirement to append values for the second td. However, the individual is unsure about how to achieve this. Below ...

javascriptphpjquery

Issue with populating JsonRest store in Dojo Enhanced Datagrid

My data grid is not loading the information from the store The response I get from my REST call looks like this: {"onlineUsers":[],"offlineUsers":["123.456.7.890:8080"]} This is what my code looks like: require([ "dojo/store/JsonRest", "dojo/sto ...

javascriptjsondatagriddojo

Modify the background color of one div based on the visibility of another div

My carousel consists of three divs representing a Twitter post, a Facebook post, and a LinkedIn post. These are contained within another div called #social-media-feeds. I am curious if it is feasible to adjust the background color of #social-media-feeds d ...

javascriptjqueryhtmlcss

Ways to assign values to HTML table cells

I am facing an issue with two table cells where one span is located outside the td tag and the other is wrapped around td. <tr height="30"> <span data-name="toDD1" class="sstNumber"> </span> <td>Y</td> <span d ...

javascripthtml

Creating intricate filters using React's map functionality

QUESTION HAS BEEN UPDATED. I am currently working on implementing a filter for my map, allowing users to specify which options they want to view using multiple selection boxes. However, I am encountering an issue with the page that appears after the user ...

javascriptreactjs

issue with angular and typescript

I'm currently working on developing an Angular 2 application that incorporates touch gestures using hammerjs. My goal is to merge the quickstarter application from: Angular 2 with the hammerjs application from: Hammerjs sample. However, I keep encou ...

javascriptangulartypescripthammer.js

Interacting with PHP through JavaScript function calls

I am facing some frustration with my website due to an issue involving PHP. When I retrieve data from a PHP file, it returns a JSON list like this: {"Data":{"Recipes":{"Recipe_5":{"ID":"5","TITLE":"Spaghetti Bolognese"},"Recipe_7":{"ID":"7","TITLE":"Wurst ...

javascripthtmljson

Is there a way for me to position my arrow beside the header while still keeping the toggle function intact?

Can anyone assist me in positioning my arrow next to the header text, which I toggle on click? I attempted placing the arrow <div> into the H1 tag, but then the toggle function stops working. Any help would be greatly appreciated! Please includ ...

javascriptjqueryhtmlcss

"The issue I'm facing with Next.js is that the fetched data is not displaying in the template. Additionally, I'm

I am encountering an issue with my API data where it is being called twice in the terminal. Additionally, I am trying to display this data on my page template but for some reason, it is not showing up. Here is the code snippet in question: Here is my code ...

javascriptreactjsnext.js

Remove elements generated by the .after method with Jquery

In my HTML file, I have a table with hard-coded column headers: <table id="debugger-table"> <tr> <th>Attribute</th> <th>Computed</th> <th>Correct</th> </tr> </table&g ...

javascripthtmljquery