What is the best way to capture and store the chosen text in a Kendo multiselect variable?

Question

What is the best way to capture and store the chosen text in a Kendo multiselect variable?

I recently transformed the kendo dropdownlist into a kendo multiselect.

The dropdownlist now has 2 items:

D-UDMS-TMA Data Mgmt System
U-TDMS-SMA Mgmt System

$("#btnSendFlow").click(function () {

            debugger;

            var FlowData_array = [];

            //var ROLECODE = $("#DDRolecode").val().trim();---For dropdownlist output: "D"
            var ROLECODE = $("#DDRolecode").data("kendoMultiSelect").value();//added by chetan for multiselect output: "D" "U"

            // var MPID = $("#DDRolecode").data("kendoDropDownList").text().split('-');---for dropdownlist output: (3)["D","UDMS","TMA Data Mgmt System"]
            var MPID = $("#DDRolecode").data("kendoMultiSelect").value().split('-');//added for multiselect(How to do For multiple selected items?)-->
            output should be like:
            (3)["D","UDMS","TMA Data Mgmt System"]
            (3)["U","TDMS","SMA Mgmt System"]



        .....
        .....
        }

Commented lines is for Dropdownlist.

The desired output format for variable MPID should look like this:

(3)["D","UDMS","TMA Data Mgmt System"]
(3)["U","TDMS","SMA Mgmt System"]

javascript ajax model-view-controller kendo-ui kendo-multiselect

Answer 1

Answer №1

To retrieve the selected dataItems from the multiselect, you should utilize the dataItems method.

In order to achieve this, simply update your code snippet from:

var MPID = $("#DDRolecode").data("kendoMultiSelect").value().split('-')

to:

var MPID = $("#DDRolecode").data("kendoMultiSelect").dataItems();

This will provide you with an array of selected dataItems. If you only require the IDs, consider either setting the valuePrimitive property to true or mapping the dataItems accordingly.

I have included a demo link showcasing how to retrieve the items:

The example is adapted from the API demo for multiselects, where I modified the functionality of the Get Values button to specifically map the items to their values and stringify the dataItems array.

Answer 2

To retrieve the selected dataItems from the multiselect, you should utilize the dataItems method.

In order to achieve this, simply update your code snippet from:

var MPID = $("#DDRolecode").data("kendoMultiSelect").value().split('-')

to:

var MPID = $("#DDRolecode").data("kendoMultiSelect").dataItems();

This will provide you with an array of selected dataItems. If you only require the IDs, consider either setting the valuePrimitive property to true or mapping the dataItems accordingly.

I have included a demo link showcasing how to retrieve the items:

The example is adapted from the API demo for multiselects, where I modified the functionality of the Get Values button to specifically map the items to their values and stringify the dataItems array.

Answer 3

Answer №2

To achieve this, you can follow these steps:

const values = $("#DDRolecode").data("kendoMultiSelect").value().map(item => item.split("-"));

After performing the above code snippet, the desired output will be obtained.

https://i.sstatic.net/ghKlj.png

Try out the live demonstration here

Answer 4

To achieve this, you can follow these steps:

const values = $("#DDRolecode").data("kendoMultiSelect").value().map(item => item.split("-"));

After performing the above code snippet, the desired output will be obtained.

https://i.sstatic.net/ghKlj.png

Try out the live demonstration here

Answer 5

Answer №3

I found a solution that worked for me:

var selection = $("#DDRolecode").data("kendoMultiSelect");
            var dataItems = selection.dataItems();

            //// creating an array with only the selected ids
            var IDArray = [];
            $(dataItems).each(function () {
                IDArray.push(this.Name.split('-')); // accessing properties on the model
            });
            console.log(IDArray);

Answer 6

I found a solution that worked for me:

var selection = $("#DDRolecode").data("kendoMultiSelect");
            var dataItems = selection.dataItems();

            //// creating an array with only the selected ids
            var IDArray = [];
            $(dataItems).each(function () {
                IDArray.push(this.Name.split('-')); // accessing properties on the model
            });
            console.log(IDArray);

What is the best way to capture and store the chosen text in a Kendo multiselect variable?

Answer №1

Answer №2

Answer №3

Similar questions

Can you merge the values between two arrays of objects by counting them and combining them into a single array?

Converting bullet point list to checkboxes once requirements have been satisfied

Display or conceal a field depending on the user's input

Avoiding concurrent work on identical rows by users

Dealing with errors when working with cross-domain JSONP requests in jQuery can be a

Locate the unique identifier of the window responsible for triggering alerts

Iterating through a JSON object using an API loop

Implementation of Exporting to Excel

What is the optimal method for iterating through every element in a string array?

The syntax in JavaScript of (0, fn)(args) is used to call

Can an open inventor scenegraph be transformed into a threejs scene?

Learn how to eliminate all text characters from a string using jQuery, leaving only the numerical values behind

Looking for the quickest hash and salt method for IP addresses in Node.JS?

Decrease the construction duration within a sprawling Angular 8 project

Exploring the analysis of JavaScript and CSS coverage throughout various pages or websites

Combining HTML, PHP, and Ajax within a single document

Easily generate a component directory complete with all essential files in just a few simple clicks

Can Browserify be used with AngularJS to bundle directive templateUrls using relative paths?

Unable to successfully download zip files using Ajax in the MVC framework

Utilize SoundCloud API to generate user profiles according to their unique identification within the system