Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!
Thanks for joining our community and helping improve Syncfusion products!
Another issue I found is when we have grouping turned on and I select the a field and use the toolbar to move to the destination list, the correct name shows in the destination, but the data is wrong - its offset by the number of groups down I have selected.
So using the sample code below - if I select "Eviction Amount" and move it to destination list, the
_listDestination.dataSource contains the field for "Eviction Ordered Date" (which is 1 down)
And if I select "Foreclosure Loan Amount", the value is for "Address" (which is offset by 2 - since there are 2 groups in the list)
Note that when I drag/drop, the correct data is moved to destination - but per another bug its pushed into the top of the array, sort order is completely off.
Here is a sample of the data + code I am using:
const source = [
{
"fieldId": "4452e287-3f11-ea11-bbb3-f01faf3b76d3",
"groupName": "Evictions",
"displayName": "Eviction Amount"
},
{
"fieldId": "4452e288-3f11-ea11-bbb3-f01faf3b76d3",
"groupName": "Evictions",
"displayName": "Eviction Ordered Date"
},
{
"fieldId": "4552e288-3f11-ea11-bbb3-f01faf3b76d3",
"groupName": "Forclosure & Insurance",
"displayName": "Foreclosure Loan Amount"
},
{
"fieldId": "4552e289-3f11-ea11-bbb3-f01faf3b76d3",
"groupName": "Forclosure & Insurance",
"displayName": "Foreclosure Start Date"
},
{
"fieldId": "298e512e-3c11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Address"
},
{
"fieldId": "c0320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Asset Manager"
},
{
"fieldId": "bb320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Borrower Name"
},
{
"fieldId": "bd320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "City"
},
{
"fieldId": "2a8e512e-3c11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Client Name"
},
{
"fieldId": "4652e288-3f11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Has Repairs"
},
{
"fieldId": "b8320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Last Updated"
},
{
"fieldId": "ba320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Loan Number"
},
{
"fieldId": "2b8e512e-3c11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Property Id"
},
{
"fieldId": "2d8e512e-3c11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Property Type"
},
{
"fieldId": "be320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "State"
},
{
"fieldId": "2c8e512e-3c11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Status"
},
{
"fieldId": "bc320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Street Address"
},
{
"fieldId": "b9320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Updated By"
},
{
"fieldId": "bf320b92-3e11-ea11-bbb3-f01faf3b76d3",
"groupName": "Property Detail",
"displayName": "Zip"
}
];
const dest = [
];
window._listSource = new ej.dropdowns.ListBox({
allowDragAndDrop: true,
allowFiltering: true,
dataSource: source,
fields: { text: 'displayName', value: 'fieldId', groupBy: 'groupName' },
//fields: { text: 'displayName', value: 'fieldId' },
filterType: 'Contains',
height: '300px',
noRecordsTemplate: '',
scope: '#list-destination',
toolbarSettings: { items: ['moveTo', 'moveFrom', 'moveAllTo', 'moveAllFrom'] },
});
allowDragAndDrop: true,
dataSource: dest,
fields: { text: 'displayName', value: 'fieldName' },
height: '300px',
scope: '#list-destination',
noRecordsTemplate: '',
toolbarSettings: { items: ['moveUp', 'moveDown'] },
});
Bold BI
Bold Reports
BoldDesk