Greetings. This seems to be a simple enough task yet I am unable to get this (or many other, similar) example(s) to render in a test preview page.
No unusual errors present in the browser console or in the UI-Designer log.
The particulars are presented below, any thoughts on why this does not work would be very much appreciated.
BonitaSoft Community 7.9.4
Chrome 77.0.3865.90 (Official Build) (64-bit) on Win10
Widget Description:
Simple DevExtreme DataGrid
https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/SimpleArray/jQuery/Light/
Template:
Controller:
function ($scope) {
$scope.dataGridOptions = {
dataSource: $scope.properties.customers,
columns: $scope.properties.labels,
showBorders: true,
paging: {
pageSize: 8
},
pager: {
showPageSizeSelector: true,
allowedPageSizes: [8, 12, 20]
}
};
}
**Assets: ** (all local, taken form DevEx 19.1 distribution)
jquery.min.js
dx.common.css
dx.light.css
dx.all.js
Required Angular Modules:
angular.module(‘myApp’, [ ‘dx’ ])
Properties:
customers
Label: Data
Treat as Dynamic value
Type: collection
Default value:
labels
Label: Header List
Treat as Dynamic value
Type: collection
Default value:
And back on the test page, “customers” and “labels” are linked to properly formed JSON variables.