DevExtreme JavaScript - Tips & Tricks (June - August 2020)

All Platforms

• DataGrid - How to use "Right to Left" and "Left to Right" columns together (T917234)
• DataGrid - How to navigate to a row from another page and switch the grid to edit mode (T915756)
• DataGrid - How to display HTML content in header cells (T914484)
• DataGrid - How to use remote operations for calculated fields (T898363)
• DataGrid - How to set minimum text length for the Search Panel (T898378)
• DataGrid – How to use a floating action button instead of a command column (T928461)
• DataGrid - How to disable record grouping and prevent users from hiding a column when only one column is displayed within the grid (T904829)
• DataGrid\TreeList - How to add custom IDs to internal components to improve automation acceptance testing (T902898)
• Scheduler - How to hide start and end times for all day events in the Agenda view (T903822)
• Scheduler - How to determine a time slot and a resource when an appointment is dropped (T898882)
• Scheduler - How to handle a long cell tap (T900022)
• PivotGrid - How to open a context menu on a left click (T903815)
• PivotGrid - How to change a cell's color after hovering a corresponding Chart point (T903775)
• PivotGrid - Drill Down - How to hide columns that contain only null or blank values (T903754)
• Form - How to combine a custom validation rule with a three-state CheckBox (T905658)
• VectorMap - How to change element color if a palette is defined (T900194)
• TagBox - How to prevent custom item generation when input is invalid and while using a fieldTemplate (T894323)
• How to speed up Chrome developer tools if they run slowly (T885719)
• How to use the same dataSource for multiple components (T913304)
• How to create dynamic CSS rules based on theme accent color (T917087)

Angular

• DataGrid – Performance issues when templates have two-way binding (T903773)
• DataGrid - How to display an edit form in readOnly mode on a custom button click (T883821)
• DataGrid - How to implement a custom compare function for search (T893451)
• DataGrid - How to display and filter UTC datetime values (T922775)
• HtmlEditor - How to focus the editor directly if it is placed inside a DropDownBox widget (T916989)
• TagBox - How to add an item on Tab key press (T917625)
• Popup - How to hide the widget when scrolling a window (T901133)

React

• DataGrid - Command Columns - How to create row buttons based on row data (T902641)
• DataGrid - How to prevent the confirmation window from appearing for the "delete" operation (T903839)
• DataGrid - How to process selectedRowKeys in a React functional component (T899388)
• Form - How to define itemRender in editorOptions (T917889)
• List - How to implement drag and drop functionality via React Hooks (T881943)
• Menu - How to change sub-menu style using styled-components (T922050)
• A Typescript equivalent for the DevExtreme React Project Template (T924630)

Vue

• DataGrid - How to customize the Save and Cancel buttons for the popup edit form (T904996)
• Scheduler - How to implement multiple appointment selection and cut/copy/paste (T924874)
• TreeView - How to programmatically highlight (focus) a node (T896774)
• How to add dialogs if devextreme-vue is used as a bundle (T901501)

Your Feedback Matters

Free DevExpress Products - Get Your Copy Today