DevExtreme JavaScript - Tips & Tricks (September - October 2020)

Due to the number of interesting support tickets we collected over the last couple of months, we decided to publish separate tips & tricks posts for Angular, React, and Vue. This post covers topics that apply to JavaScript generally – so its content will be helpful to those targeting jQuery, Angular, React, and Vue. 

As always, we’re here to help. Should you have any questions about this content, feel free to post your feedback in the comment section below. 

Support Tickets that Apply to All Supported Platforms

• JavaScript DataGrid - How to change the HeaderFilter's Select All text (T928048)
• JavaScript DataGrid - How to use a floating action button instead of a command column (T928461)​
• JavaScript DataGrid - How to only export visible columns and rows to Excel (T928632)
• JavaScript PolarChart - How to change annotation and strips options dynamically - based on data (T929582)
• JavaScript TreeList - How to only allow selection of last-level child nodes (T930678)
• JavaScript TreeView - How to specify a composite key (T933374)
• How to export multiple JavaScript DataGrids and Charts to PDF (T929270)
• JavaScript DataGrid - How to display an icon based on the content of the detail portion (T946142)
• JavaScript DataGrid - How to obtain the current values of editors within a (popup) edit form (T942637)
• JavaScript List - How to drag an entire item (T942337)
• JavaScript DataGrid - How to disable arbitrary scrolling and control scroll operations 1 page at a time (T941594)
• JavaScript DataGrid - How to implement row drag and drop if a row template has been defined (T942016)
• JavaScript Chart - How to obtain total count on top of each bar in Side by side Stacked bar chart (T942040)
• JavaScript DataGrid - Keyboard Navigation from the Search box to search results (T940303)
• JavaScript DataGrid - Master-Detail - How to always refresh a detail row when it is expanded (T940097)
• JavaScript DataGrid - How to add a Custom Toolbar Command that opens a small popup like DevExtreme’s built-in Column Chooser (T939792)
• JavaScript DataGrid - How to manage files using DevExtreme’s DataGrid (T939041)
• JavaScript TreeList - How to expand a node based on its level (T939241)
• JavaScript Chart - How to implement custom styling (word wrap) for legend items (T938191)
• JavaScript Polar Chart - How to reduce space between legend items for each legend row (T938195)

Documentation & Demos Updates

New Examples

• DataGrid - How to apply custom sorting to a grouped column
• PivotGrid - How to implement editing using the DataGrid
• DataGrid – How to copy/paste data to Excel
• TabPanel - Custom editors and content within tabs
• DataGrid - How to implement a custom edit form using dxForm and dxPopup
  

New Knowledge Base Article

• DevExtreme Angular - Components disappear/do not work in production mode though they work fine in development mode

If you’ve come across an interesting support ticket you’d like to share with the rest of the DevExpress developer community, please comment below and include the appropriate link. Thanks for choosing DevExtreme.

Free DevExpress Products – Get Your Copy Today