Toobar sort issue

Hello,

I'm having some odd behavior when attempting to sort via the Toolbar Sort By option.  My configuration for the file manager is:

 <FileManagerComponent

                        id="filemanager"

                        allowMultiSelection={true}

                        view="Details"

                        ajaxSettings={{

                            url: urlTest,

                            uploadUrl: "api/Project/SaveProjectDocuments/" + props.projectId

                            //downloadUrl: hostUrl + 'api/FileManager/Download'

                        }}

                        beforeSend={onBeforeSend}

                        success={onSuccess}

                        failure={onFailure}

                        allowDragAndDrop={true}

                        detailsViewSettings={{

                            columns: [

                                {

                                    field: "name",

                                    headerText: "File Name",

                                    customAttributes: { class: "e-fe-grid-name" },

                                },

                                {

                                    field: "dateModified",

                                    headerText: "Modified",

                                    type: "dateTime",

                                    customFormat: { type: "dateTime", skeleton: "short" }

                                },

                                {

                                    field: "size",

                                    headerText: "Size",

                                }

                            ]

                        }}

                        fileOpen={onFileOpen.bind(this)}

                        contextMenuSettings={{

                            file: ["Cut", "Copy", "Paste", "Delete", "Rename", "Open"],

                            folder: ["Cut", "Copy", "Paste", "Delete", "Rename"]

                        }}

                        toolbarSettings={{

                            items: ["NewFolder", "Upload", "Copy", "Cut", "Paste", "Delete", "Rename", "SortBy", "Refresh"]

                        }}>

                        <Inject services={[NavigationPane, DetailsView, Toolbar]} />


Name and size sort correctly but DateModified throws an error in the console at:

  if (this.parent.getColumnByField(columnName).allowSorting === false in the Sort.prototype.sortColumn function.  This is due to the columnName being passed in as _fm_modified.  When sorting via the column headers it works just fine and the columnName being passed in is dateModified.


I receive the same error when modifying the stackblitz demo.  Is there something wrong in the configuration I'm using?

Including screen of stackblitz.

Thanks

Tony

 


Attachment: toolbarsort_56dc7d19.zip

5 Replies 1 reply marked as answer

SS Sivakumar ShunmugaSundaram Syncfusion Team March 31, 2022 03:42 PM UTC

Hi Tony,


Greetings from Syncfusion support.


We have validated your reported issue and considered it as a bug at or end. The fix for this issue will be included in our last weekly patch release by April 26, 2022. Please track the status through the below link.


https://www.syncfusion.com/feedback/33826/toolbar-sorting-throws-an-error-for-the-date-modified-column-of-the-file-manager


We appreciate your patience.


Regards,

Sivakumar S



TC Tony Comtois April 4, 2022 12:30 PM UTC

Possibly related.

When configuring the component with detailsViewSettings the drag and drop feature doesn't work and provides an error in the console. 




SS Sivakumar ShunmugaSundaram Syncfusion Team April 5, 2022 04:14 PM UTC

Hi Tony,


We have validated your reported issue and considered it a bug at our end. The fix for this issue will be included in our first weekly patch release on May 3, 2022. You can track the status through the below link.


https://www.syncfusion.com/feedback/33961/drag-and-drop-throws-an-error-for-the-date-modified-column-of-the-file-manager


We appreciate your patience.


Regards,

Sivakumar S


Marked as answer

KR Keerthana Rajendran Syncfusion Team May 6, 2022 05:21 AM UTC

Hi Tony,


Based on the level of priority, we are sorry that we are unable to include the fix for the issue "Drag and drop throws an error for the date-modified column of the File Manager" as promised earlier. 


This fix will be included in our May 31st weekly patch release. 


We appreciate your patience.

Regards,

Keerthana R.




IL Indhumathy Loganathan Syncfusion Team June 1, 2022 04:39 AM UTC

Hi Tony,


Thanks for your patience.


We are glad to announce that our patch release (V20.1.56) has been rolled out successfully. The issue “Drag and drop throws an error for the Date Modified column of the File Manager has been resolved in this release. To access this fix, we suggest you update the package to the 20.1.0.56.


Please find the sample from below link.


Sample : https://stackblitz.com/edit/react-1wqezb-4qd8wv?file=index.js


Release notes: https://ej2.syncfusion.com/angular/documentation/release-notes/20.1.56/?type=all#file-manager


Feedback : https://www.syncfusion.com/feedback/33961/drag-and-drop-throws-an-error-for-the-date-modified-column-of-the-file-manager


Please let us know if you need any further assistance.


Regards,

Indhumathy L


Loader.
Up arrow icon