Search Results: "Enter your URL" "Advanced" "Short URL Bookmarklet" cima

JSON Data

Guides

To bind the Sankey to data in a JSON format, assign the data's URL to the dataSource property. jQuery index.js $(function() { $("#sankeyContainer").dxSankey({ dataSource: "http://www.example.com/dataservices/data.json", // ... }); }); Angular app.component.htmlapp.module.ts <dx-sankey dataSource="http://www.example.com/dataservices/data.json"> <

JSON Data

Guides

Load JSON data by assigning its URL to the dataSource property. jQuery JavaScript$(function() { $("#tagBoxContainer").dxTagBox({ dataSource: "https://jsonplaceholder.typicode.com/users", valueExpr: 'username', displayExpr: 'name' }); }); Angular HTMLTypeScript <dx-tag-box dataSource="https://jsonplaceholder.typicode.com/users" valueExpr="username

Keyboard Support

Guides

Shifts focus to the next/previous element within the navigator. Enter or Space Selects the focused element of the navigator. Timetable ← / → / ↑ / ↓ Selects the previous/next/top/bottom cell. Enter or Space Invokes the appointment details form for the currently selected cell

Custom Data Sources

Guides

) { // ... }, insert: function(values) { var deferred = $.Deferred(); $.ajax({ url: "https://mydomain.com/MyDataService/", method: "POST..."); }); return deferred.promise(); }, remove: function(key) { var deferred = $.Deferred(); $.ajax({ url: "https://mydomain.com/MyDataService

Customize the Loading Indicator

Guides

If you need to use a 3rd-party loading indicator inside the LoadPanel, assign its URL to the indicatorSrc property. jQuery JavaScript$(function() { $("#loadPanelContainer").dxLoadPanel({ hideOnOutsideClick: true, indicatorSrc: "https://js.devexpress.com/Content/data/loadingIcons/rolling.svg" }); $("#buttonContainer").dxButton({ text: "Show the Load Panel