This is a migrated thread and some comments may be shown as answers.

multiSelect in kendo grid popup

4 Answers 1428 Views

MultiSelect

This is a migrated thread and some comments may be shown as answers.

Michael asked on 10 Sep 2015, 09:54 PM

I have an editor configured for a column which can reflect multiple values - the multiselect control binds to the source datasource just fine when a grid row is edited or a new record is being created but for the pure edit portion I need to preselect the current values from the grid row datasource - the values are there in the row object because I can see them when I do a console.log of the model field via e.model.get("UserRoleSectors") (example of value is ["2","25"] ) - however in the grid edit event handler if I try to set the value for the multi-select to ensure it reflects what values are already bound to the record via the statement e.container.find('[name="UserRoleSectors"]').data("kendoMultiSelect").value(e.model.get("UserRoleSectors")); - nothing is selected even though the values are available in the multiselect. Am I doing something wrong?

editor: function (container, options) {

// create an input element

var input = $('<select multiple="multiple" />');

// set its name to the field to which the column is bound

input.attr("name", options.field);

// append it to the container

input.appendTo(container);

// initialize a Kendo UI MultiSelect

input.kendoMultiSelect({

autoBind: true,

valuePrimitive: true,

dataTextField: "SectorAcronym",

dataValueField: "SectorNo",

dataSource: $scope.sectorsDataSource

});

4 Answers, 1 is accepted

answered on 14 Sep 2015, 05:46 PM

Kiril,

I had seen those articles before but kind of glossed over them - after looking over them again it dawned on me what was possibly wrong and have resolved the issues. The basic gist is that the array of current values from the model object the grid is bound to was not truly being treated as an array so I had to encapsulate it in a JSON.parse call like so in order to get the values to be selected after the multi-select control was bound to its datasource. The new logic in the kendo grid edit event handler is like so:

e.container.find('[name="UserRoleSectors"]').data("kendoMultiSelect").value(JSON.parse(e.model.get("UserRoleSectors")));

answered on 17 Jul 2016, 08:50 AM

Hello,

I've implemented the MultiSelect Editor (with grouping) in Kendo Grid which was working fine with previous version of Kendo UI Professional version 2016.2.607 but right after we upgraded to the latest version 2016.2.714 the MultiSelect grouping inside the grid editor is no longer working (grouping is not showing). and I managed to pinpoint the problem to "autobind: false". In the new kendo 2016.2.714 version if the autobind is false in multiselect editor inside the grid THEN the Multiselect grouping is not shown!!! but in previous versions (2016.2.607) my very same code is working fine! Herewith below is my MultiSelect Editor code:

$('<select name="prd" multiple="multiple" data-bind="value : ' + options.field + '"/>')
.appendTo(container)
.kendoMultiSelect({
placeholder: "Select lookup group...",
dataTextField: "txt",
dataValueField: "val",
autoBind: false,
dataSource: {
data: [
{ txt: "110", val: "Color:110", tag: "Color" },
{ txt: "XTXX20K", val: "Item Group:XTXX20K", tag: "Item Group" },
{ txt: "A", val: "Color Class:RM", tag: "Color Class" }
],
group: { field: "tag" }
}
});

Please help to address this new bug and let us have the fix ASAP.

Thank you.