Can you catch the slide event of the navigation drawer?

[dan]

When the navigationDrawer slides in and out I want to be able to catch that event and do something.  In some cases I want to prevent the drawer from closing onLostFocus.

Note:  I am using the accordion control inside of the navigation drawer instead of the normal list view so I can't catch the list view mouseUp event.  I need to be able to catch the slide event when I click somewhere on the page besides the drawer

[dan]

I am trying to achieve the results in the attached animated gif.  This  would be similar to your javascript demo's page

Attachment: 20170916_185143_baf0669a.7z

[Selvamani Sankarappan]

Hi Dan, 

 

Thanks for contacting Syncfusion support. 

 

Query 1: When the navigationDrawer slides in and out I want to be able to catch that event and do something. 

 

You can trigger the event while clicking the accordion item using activate event of Accordion component. Also, if you don’t want to close the drawer, you can use isPaneOpen as true. Refer to the following code example: 

 

[script] 

  $("#navpane").ejNavigationDrawer({ contentId: "content_container", type: "overlay", direction: "left", enableListView: true, listViewSettings: { width: 300, mouseUp: "headChange" }, position: "normal", isPaneOpen: true }); 

 

 

Refer to the following sample: 

http://jsplayground.syncfusion.com/rcmskss0 

 

Please check with the above sample and still you have any difficulties, kindly get back to us. we will be happy to help you. 

 

Regards, 

 

Selvamani S.