Not able to populate values in data multi select cce in 8.5

In Content workspace as part of customisation, We need to populate values in data multiselect cce widget based on value of another attribute.
Value list to be populated in data multiselect cce is received from ajax request.

We were able to populate values in 8.1 using
"widget.fromStore.loadData(fromData);
widget.toStore.loadData(toData); "

But in 8.5 values are not getting populated. Tried in few ways by setting values but in vain.

widget.fromStore = fromData; // fromData - Array object containing the list of values to be displayed under available window of data multiselect cce widget
widget.toStore = toData; // toData - Array object containing the list of values to be displayed under selected window of data multiselect cce widget
widget.initialConfig.store.load();
widget.store.load();

Kindly provide us help in achieving solution to the above problem.

Find more posts tagged with

Comments

Soujanya_Basana

Hi All,

Using below code we are able to set the values in available list

var toFld = widget.toField.boundList.getStore();

var fromFld = widget.fromField.boundList.getStore();

fromFld.removeAll();

fromFld.insert(0, fromData);

fromFld.commitChanges();

This code is working fine when we have single item in the avaiable list and we are able to select the item and able to move the item to the selected list.

But the code is not working as expected when we have more than 1 item.If we select any one of the item and try to move it to selected list it is moving up and down but not to the selected list.

Kindly provide us help in resolving above problem.

Soujanya_Basana

We are able to found the solution, here is the JS for the same:

/**
* @function - setMultiSelectWidget populate the value in list multisect widget
* @param - editorId: The id of the current editor. When the editor is opened to edit an existing object, this id is always equal to the content management id of the object.
* @param - attributeXML: attribute xml name or <relator>.<attributeXMLName>
* @param - fromList: all values (key/value pair); values for left hand side list (available values) + value for right hand side (selected list) [Store containing values for multiselect widget]
* @param - toList: values for right hand side list (selected values only, for multiple selection provide the values with comma separated) ['one','three']
* @desc Populate listmultiselect with provided fromList and toList data, for the provided editorId.attributeXML
* @public
*/
function setMultiSelectWidget(editorId, attributeXML, fromList, toList){

        var arrdata = new Array();

        if(fromList){
                for (var i in fromList){
                        var a =fromList[i];
                        arrdata.push([i,a]);
                }
        }

        var widget = "undefined";
        var contentEditor = vui.ui.editor.find(editorId);
        if(contentEditor && typeof contentEditor.widgets["."+contentEditor.typeXmlName+"."+attributeXML] != "undefined"){
                widget = vExt.getCmp(contentEditor.widgets["."+contentEditor.typeXmlName+"."+attributeXML].fieldId);
        }


        if (widget!= "undefined"){
                var storeToBind = vExt.create('vExt.data.ArrayStore', {
                        fields : [ 'selectionName', 'selectionValue' ],
                        data : arrdata
                });

                // Set selection for right hand side
                var itemSelected = "";
                for(j=0;j<toList.length;j++){
                        itemSelected += toList[j][0];
                        if(j+1 >= toList.length){
                                // do Nothing
                        }else{
                                itemSelected += ",";
                        }
                }
                widget.bindStore(storeToBind);
                widget.setValue(itemSelected);
        }
}