mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2026-10-04 14:57:10 +00:00
devextreme: Provides its own types (#15627)
This commit is contained in:
Andy
@@ -72,6 +72,12 @@
|
||||
"sourceRepoURL": "https://github.com/date-fns/date-fns",
|
||||
"asOfVersion": "2.6.0"
|
||||
},
|
||||
{
|
||||
"libraryName": "DevExtreme",
|
||||
"typingsPackageName": "devextreme",
|
||||
"sourceRepoURL": "http://js.devexpress.com/",
|
||||
"asOfVersion": "16.2.1"
|
||||
},
|
||||
{
|
||||
"libraryName": "Dexie.js",
|
||||
"typingsPackageName": "dexie",
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
# DevExtreme TypeScript definitions #
|
||||
|
||||
You can use DevExtreme TypeScript definitions to add DevExtreme widgets ([UI widgets](http://js.devexpress.com/Documentation/ApiReference/UI_Widgets) and [Data Visualization widgets](http://js.devexpress.com/Documentation/ApiReference/Data_Visualization_Widgets)) to your TypeScript apps, as well as build [DevExtreme single-page applications](http://js.devexpress.com/Documentation/Howto/SPA_Framework/Application_Design) using TypeScript. To do that, simply add <reference path="TypeScript/dx.devextreme.d.ts" /> at the top of your code.
|
||||
|
||||
The API enclosed into the DevExtreme TypeScript definition file fully corresponds to the API described in the DevExtreme JavaScript [Reference](http://js.devexpress.com/Documentation/ApiReference) documentation.
|
||||
|
||||
To build applications based on the DevExtreme SPA framework in Visual Studio, use TypeScript [application templates](http://js.devexpress.com/Documentation/Howto/VS_Integration/Project_Templates) integrated into Visual Studio.
|
||||
|
||||
If you have any issues while using the DevExtreme TypeScript definitions, please refer to our [Support Center](https://www.devexpress.com/Support/Center/Question/List/1).
|
||||
@@ -1,320 +0,0 @@
|
||||
|
||||
|
||||
namespace Tests.ui {
|
||||
var dataGridOptions: DevExpress.ui.dxDataGridOptions = {
|
||||
activeStateEnabled: true,
|
||||
allowColumnReordering: true,
|
||||
allowColumnResizing: true,
|
||||
onCellClick: function() { },
|
||||
cellHintEnabled: true,
|
||||
columnAutoWidth: true,
|
||||
columnChooser: {
|
||||
emptyPanelText: "Nothing is here",
|
||||
enabled: true,
|
||||
height: 400,
|
||||
width: 200,
|
||||
title: "Column chooser"
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
alignment: "center",
|
||||
allowFixing: true,
|
||||
allowEditing: true,
|
||||
allowFiltering: true,
|
||||
allowGrouping: true,
|
||||
allowHiding: true,
|
||||
allowReordering: true,
|
||||
allowResizing: true,
|
||||
allowSearch: true,
|
||||
allowSorting: true,
|
||||
autoExpandGroup: true,
|
||||
calculateCellValue: function(rowData: Object) { return "test-value"; },
|
||||
calculateFilterExpression: function(filterValue: any, selectedFilterOperation: string) { return []; },
|
||||
caption: "Test column",
|
||||
cellTemplate: function(container: JQuery, options: Object) { $("<span>Template</span>").appendTo(container); },
|
||||
cssClass: "test-ccs-class-name",
|
||||
customizeText: function(cellInfo: { value: any, valueText: string; }) { return "New text" },
|
||||
dataField: "Test",
|
||||
dataType: "string",
|
||||
encodeHtml: true,
|
||||
falseText: "FALSE",
|
||||
filterOperations: ["contains", "notcontains"],
|
||||
filterType: "exclude",
|
||||
filterValue: "Test-filter-value",
|
||||
fixed: true,
|
||||
fixedPosition: "right",
|
||||
groupIndex: 0,
|
||||
lookup: {
|
||||
allowClearing: true,
|
||||
dataSource: ["first", "second"],
|
||||
displayExpr: "this",
|
||||
valueExpr: "this"
|
||||
},
|
||||
name: "test-column-name",
|
||||
showEditorAlways: true,
|
||||
showInColumnChooser: true,
|
||||
showWhenGrouped: true,
|
||||
sortIndex: 1,
|
||||
sortOrder: "desc",
|
||||
trueText: "TRUE",
|
||||
visible: true,
|
||||
visibleIndex: 0,
|
||||
width: "100%"
|
||||
}
|
||||
],
|
||||
customizeColumns: function(columns) {
|
||||
var i: number;
|
||||
for (i = 0; i < columns.length; i++) {
|
||||
if (columns[i].dataField.indexOf('Date') > 0) {
|
||||
columns[i].dataType = 'date';
|
||||
}
|
||||
|
||||
if (columns[i].dataField === 'Freight') {
|
||||
columns[i].dataType = 'number';
|
||||
}
|
||||
|
||||
if (columns[i].dataField === 'CustomerID') {
|
||||
columns[i].lookup = {
|
||||
dataSource: { store: [], sort: 'ContactName' },
|
||||
valueExpr: 'CustomerID',
|
||||
displayExpr: 'ContactName'
|
||||
}
|
||||
}
|
||||
if (columns[i].dataField === 'EmployeeID') {
|
||||
columns[i].lookup = {
|
||||
dataSource: { store: [], sort: 'LastName' },
|
||||
valueExpr: 'EmployeeID',
|
||||
displayExpr: function(data: any) {
|
||||
return data.LastName + ' ' + data.FirstName;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (columns[i].dataField === 'ShipVia') {
|
||||
columns[i].lookup = {
|
||||
dataSource: [
|
||||
{ ShipperID: 1, CompanyName: 'Speedy Express' },
|
||||
{ ShipperID: 2, CompanyName: 'United Package' },
|
||||
{ ShipperID: 3, CompanyName: 'Federal Shipping' }
|
||||
],
|
||||
valueExpr: 'ShipperID',
|
||||
displayExpr: 'CompanyName'
|
||||
}
|
||||
}
|
||||
if (columns[i].dataField === 'ShipCity') {
|
||||
columns[i].editCellTemplate = function(container: JQuery, options: { value: string; setValue: Function }) {
|
||||
$('<div/>').dxAutocomplete({
|
||||
dataSource: ["Bern", "Lyon", "Lander"],
|
||||
value: options.value,
|
||||
onValueChanged: function() {
|
||||
options.setValue("test-value");
|
||||
}
|
||||
}).appendTo(container);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
summary: {
|
||||
totalItems: [{
|
||||
column: 'CustomerID',
|
||||
summaryType: 'count'
|
||||
}, {
|
||||
column: 'Freight',
|
||||
summaryType: 'min',
|
||||
valueFormat: "percent",
|
||||
showInColumn: "CustomerID"
|
||||
},
|
||||
{
|
||||
column: 'OrderDate',
|
||||
summaryType: 'min',
|
||||
valueFormat: "shortDate"
|
||||
},
|
||||
{
|
||||
column: 'Freight',
|
||||
summaryType: 'avg',
|
||||
valueFormat: "fixedPoint",
|
||||
precision: 2
|
||||
}],
|
||||
groupItems: [{
|
||||
column: 'CustomerID',
|
||||
summaryType: 'count',
|
||||
showInGroupFooter: true
|
||||
}, {
|
||||
column: 'Freight',
|
||||
summaryType: 'min'
|
||||
}, {
|
||||
column: 'Freight',
|
||||
summaryType: 'max'
|
||||
},
|
||||
{
|
||||
column: 'ShipName',
|
||||
summaryType: 'count',
|
||||
showInGroupFooter: true
|
||||
},
|
||||
{
|
||||
column: 'OrderDate',
|
||||
summaryType: 'min',
|
||||
valueFormat: "shortDate",
|
||||
showInColumn: "CustomerID",
|
||||
showInGroupFooter: true
|
||||
}]
|
||||
},
|
||||
sortByGroupSummaryInfo: [{ summaryItem: 'count' }],
|
||||
groupPanel: {
|
||||
visible: true
|
||||
},
|
||||
filterRow: {
|
||||
visible: true
|
||||
},
|
||||
pager: {
|
||||
visible: true,
|
||||
showInfo: true,
|
||||
showNavigationButtons: true,
|
||||
showPageSizeSelector: true
|
||||
},
|
||||
stateStoring: {
|
||||
enabled: false
|
||||
},
|
||||
rowAlternationEnabled: true,
|
||||
editing: {
|
||||
editMode: 'batch',
|
||||
insertEnabled: true,
|
||||
editEnabled: true,
|
||||
removeEnabled: true
|
||||
},
|
||||
searchPanel: {
|
||||
visible: true
|
||||
},
|
||||
sorting: {
|
||||
mode: 'multiple'
|
||||
}
|
||||
};
|
||||
|
||||
new DevExpress.ui.dxDataGrid($("#data-grid"), dataGridOptions);
|
||||
new DevExpress.ui.dxDataGrid($("#data-grid").get(0), dataGridOptions);
|
||||
$("#data-grid").dxDataGrid(dataGridOptions);
|
||||
}
|
||||
|
||||
namespace Tests.viz {
|
||||
var chartOptions: DevExpress.viz.charts.dxChartOptions = {
|
||||
dataSource: [
|
||||
{ arg: "Illinois", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 },
|
||||
{ arg: "Indiana", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 },
|
||||
{ arg: "Michigan", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 }
|
||||
],
|
||||
valueAxis: [{ title: 'Value Axis Title' }],
|
||||
argumentAxis: { title: 'Argument Axis Title', grid: { visible: true } },
|
||||
legend: { border: { visible: true } },
|
||||
tooltip: { enabled: true },
|
||||
commonPaneSettings: { border: { visible: true } },
|
||||
commonSeriesSettings: {
|
||||
type: 'bar',
|
||||
hoverMode: 'allArgumentPoints',
|
||||
selectionMode: 'allArgumentPoints',
|
||||
label: {
|
||||
visible: true,
|
||||
format: 'fixedPoint',
|
||||
precision: 2
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{ valueField: 's1' },
|
||||
{ valueField: 's2' },
|
||||
{ valueField: 's3' },
|
||||
{ valueField: 's4' },
|
||||
{ valueField: 's5' },
|
||||
{ valueField: 's6' },
|
||||
{ valueField: 's7' },
|
||||
{ valueField: 's8' }
|
||||
],
|
||||
title: 'Long Chart\'s Title',
|
||||
onPointClick: function(arg: any) {
|
||||
arg.target.isSelected() ? arg.target.clearSelection() : arg.target.select();
|
||||
},
|
||||
onSeriesClick: function(arg: any) {
|
||||
arg.target.isVisible() ? arg.target.hide() : arg.target.show();
|
||||
}
|
||||
};
|
||||
|
||||
var pieChartOptions: DevExpress.viz.charts.dxPieChartOptions = {
|
||||
dataSource: [{ arg: "Index1", arg1: 1, val: 100 },
|
||||
{ arg: "Index2", arg1: 2, val: 50 },
|
||||
{ arg: "Index3", arg1: 3, val: 75 },
|
||||
{ arg: "Index4", arg1: 4, val: 25 },
|
||||
{ arg: "Index5", arg1: 5, val: 50 },
|
||||
{ arg: "Index6", arg1: 6, val: 100 },
|
||||
{ arg: "Index7", arg1: 7, val: 25 },
|
||||
{ arg: "Index8", arg1: 8, val: 75 }],
|
||||
tooltip: {
|
||||
enabled: true
|
||||
},
|
||||
series: [{
|
||||
type: 'doughnut',
|
||||
label: {
|
||||
visible: true,
|
||||
format: 'fixedPoint',
|
||||
precision: 2
|
||||
}
|
||||
}],
|
||||
title: 'Long PieChart\'s Title'
|
||||
};
|
||||
|
||||
new DevExpress.viz.dxChart($("chart"), chartOptions);
|
||||
new DevExpress.viz.dxChart($("#chart").get(0), chartOptions);
|
||||
$("#chart").dxChart(chartOptions);
|
||||
|
||||
new DevExpress.viz.dxPieChart($("#pie-chart"), pieChartOptions);
|
||||
new DevExpress.viz.dxPieChart($("#pie-chart").get(0), pieChartOptions);
|
||||
$("#pie-chart").dxPieChart(pieChartOptions);
|
||||
}
|
||||
|
||||
namespace Tests.framework {
|
||||
var app = new DevExpress.framework.html.HtmlApplication(<DevExpress.framework.html.HtmlApplicationOptions>{
|
||||
namespace: "Application",
|
||||
navigation: [
|
||||
{
|
||||
title: "Home",
|
||||
action: "#home",
|
||||
icon: "home"
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
action: "#about",
|
||||
icon: "info"
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
app.router.register(":view/:id", { view: "home", id: undefined });
|
||||
app.navigate();
|
||||
}
|
||||
|
||||
namespace Tests.data {
|
||||
new DevExpress.data.DataSource(<DevExpress.data.DataSourceOptions>{
|
||||
sort: ["value", true],
|
||||
group: ["id", false],
|
||||
select: ["value"],
|
||||
filter: ["value", "startswith", "first"],
|
||||
|
||||
pageSize: 25,
|
||||
paginate: true,
|
||||
|
||||
map: function(item) { return item; },
|
||||
postProcess: function(data) { return data; },
|
||||
searchExpr: "expr",
|
||||
searchOperation: "contains",
|
||||
searchValue: "somevalue",
|
||||
store: [1, 2, 3]
|
||||
});
|
||||
|
||||
new DevExpress.data.ArrayStore();
|
||||
new DevExpress.data.ArrayStore(<DevExpress.data.ArrayStoreOptions>{
|
||||
data: [{ id: 1, value: "First one" }, { id: 2, value: "Second one" }],
|
||||
key: "id"
|
||||
});
|
||||
|
||||
new DevExpress.data.CustomStore(<DevExpress.data.CustomStoreOptions>{
|
||||
load: function() {
|
||||
return $.Deferred().promise();
|
||||
}
|
||||
});
|
||||
}
|
||||
Vendored
-7985
File diff suppressed because it is too large
Load Diff
@@ -1,23 +0,0 @@
|
||||
{
|
||||
"files": [
|
||||
"index.d.ts",
|
||||
"devextreme-tests.ts"
|
||||
],
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"lib": [
|
||||
"es6",
|
||||
"dom"
|
||||
],
|
||||
"noImplicitAny": true,
|
||||
"noImplicitThis": true,
|
||||
"strictNullChecks": false,
|
||||
"baseUrl": "../",
|
||||
"typeRoots": [
|
||||
"../"
|
||||
],
|
||||
"types": [],
|
||||
"noEmit": true,
|
||||
"forceConsistentCasingInFileNames": true
|
||||
}
|
||||
}
|
||||
@@ -1,320 +0,0 @@
|
||||
|
||||
|
||||
namespace Tests.ui {
|
||||
var dataGridOptions: DevExpress.ui.dxDataGridOptions = {
|
||||
activeStateEnabled: true,
|
||||
allowColumnReordering: true,
|
||||
allowColumnResizing: true,
|
||||
onCellClick: function() { },
|
||||
cellHintEnabled: true,
|
||||
columnAutoWidth: true,
|
||||
columnChooser: {
|
||||
emptyPanelText: "Nothing is here",
|
||||
enabled: true,
|
||||
height: 400,
|
||||
width: 200,
|
||||
title: "Column chooser"
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
alignment: "center",
|
||||
allowFixing: true,
|
||||
allowEditing: true,
|
||||
allowFiltering: true,
|
||||
allowGrouping: true,
|
||||
allowHiding: true,
|
||||
allowReordering: true,
|
||||
allowResizing: true,
|
||||
allowSearch: true,
|
||||
allowSorting: true,
|
||||
autoExpandGroup: true,
|
||||
calculateCellValue: function(rowData: Object) { return "test-value"; },
|
||||
calculateFilterExpression: function(filterValue: any, selectedFilterOperation: string) { return []; },
|
||||
caption: "Test column",
|
||||
cellTemplate: function(container: JQuery, options: Object) { $("<span>Template</span>").appendTo(container); },
|
||||
cssClass: "test-ccs-class-name",
|
||||
customizeText: function(cellInfo: { value: any, valueText: string; }) { return "New text" },
|
||||
dataField: "Test",
|
||||
dataType: "string",
|
||||
encodeHtml: true,
|
||||
falseText: "FALSE",
|
||||
filterOperations: ["contains", "notcontains"],
|
||||
filterType: "exclude",
|
||||
filterValue: "Test-filter-value",
|
||||
fixed: true,
|
||||
fixedPosition: "right",
|
||||
groupIndex: 0,
|
||||
lookup: {
|
||||
allowClearing: true,
|
||||
dataSource: ["first", "second"],
|
||||
displayExpr: "this",
|
||||
valueExpr: "this"
|
||||
},
|
||||
name: "test-column-name",
|
||||
showEditorAlways: true,
|
||||
showInColumnChooser: true,
|
||||
showWhenGrouped: true,
|
||||
sortIndex: 1,
|
||||
sortOrder: "desc",
|
||||
trueText: "TRUE",
|
||||
visible: true,
|
||||
visibleIndex: 0,
|
||||
width: "100%"
|
||||
}
|
||||
],
|
||||
customizeColumns: function(columns) {
|
||||
var i: number;
|
||||
for (i = 0; i < columns.length; i++) {
|
||||
if (columns[i].dataField.indexOf('Date') > 0) {
|
||||
columns[i].dataType = 'date';
|
||||
}
|
||||
|
||||
if (columns[i].dataField === 'Freight') {
|
||||
columns[i].dataType = 'number';
|
||||
}
|
||||
|
||||
if (columns[i].dataField === 'CustomerID') {
|
||||
columns[i].lookup = {
|
||||
dataSource: { store: [], sort: 'ContactName' },
|
||||
valueExpr: 'CustomerID',
|
||||
displayExpr: 'ContactName'
|
||||
}
|
||||
}
|
||||
if (columns[i].dataField === 'EmployeeID') {
|
||||
columns[i].lookup = {
|
||||
dataSource: { store: [], sort: 'LastName' },
|
||||
valueExpr: 'EmployeeID',
|
||||
displayExpr: function(data: any) {
|
||||
return data.LastName + ' ' + data.FirstName;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (columns[i].dataField === 'ShipVia') {
|
||||
columns[i].lookup = {
|
||||
dataSource: [
|
||||
{ ShipperID: 1, CompanyName: 'Speedy Express' },
|
||||
{ ShipperID: 2, CompanyName: 'United Package' },
|
||||
{ ShipperID: 3, CompanyName: 'Federal Shipping' }
|
||||
],
|
||||
valueExpr: 'ShipperID',
|
||||
displayExpr: 'CompanyName'
|
||||
}
|
||||
}
|
||||
if (columns[i].dataField === 'ShipCity') {
|
||||
columns[i].editCellTemplate = function(container: JQuery, options: { value: string; setValue: Function }) {
|
||||
$('<div/>').dxAutocomplete({
|
||||
dataSource: ["Bern", "Lyon", "Lander"],
|
||||
value: options.value,
|
||||
onValueChanged: function() {
|
||||
options.setValue("test-value");
|
||||
}
|
||||
}).appendTo(container);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
summary: {
|
||||
totalItems: [{
|
||||
column: 'CustomerID',
|
||||
summaryType: 'count'
|
||||
}, {
|
||||
column: 'Freight',
|
||||
summaryType: 'min',
|
||||
valueFormat: "percent",
|
||||
showInColumn: "CustomerID"
|
||||
},
|
||||
{
|
||||
column: 'OrderDate',
|
||||
summaryType: 'min',
|
||||
valueFormat: "shortDate"
|
||||
},
|
||||
{
|
||||
column: 'Freight',
|
||||
summaryType: 'avg',
|
||||
valueFormat: "fixedPoint",
|
||||
precision: 2
|
||||
}],
|
||||
groupItems: [{
|
||||
column: 'CustomerID',
|
||||
summaryType: 'count',
|
||||
showInGroupFooter: true
|
||||
}, {
|
||||
column: 'Freight',
|
||||
summaryType: 'min'
|
||||
}, {
|
||||
column: 'Freight',
|
||||
summaryType: 'max'
|
||||
},
|
||||
{
|
||||
column: 'ShipName',
|
||||
summaryType: 'count',
|
||||
showInGroupFooter: true
|
||||
},
|
||||
{
|
||||
column: 'OrderDate',
|
||||
summaryType: 'min',
|
||||
valueFormat: "shortDate",
|
||||
showInColumn: "CustomerID",
|
||||
showInGroupFooter: true
|
||||
}]
|
||||
},
|
||||
sortByGroupSummaryInfo: [{ summaryItem: 'count' }],
|
||||
groupPanel: {
|
||||
visible: true
|
||||
},
|
||||
filterRow: {
|
||||
visible: true
|
||||
},
|
||||
pager: {
|
||||
visible: true,
|
||||
showInfo: true,
|
||||
showNavigationButtons: true,
|
||||
showPageSizeSelector: true
|
||||
},
|
||||
stateStoring: {
|
||||
enabled: false
|
||||
},
|
||||
rowAlternationEnabled: true,
|
||||
editing: {
|
||||
editMode: 'batch',
|
||||
insertEnabled: true,
|
||||
editEnabled: true,
|
||||
removeEnabled: true
|
||||
},
|
||||
searchPanel: {
|
||||
visible: true
|
||||
},
|
||||
sorting: {
|
||||
mode: 'multiple'
|
||||
}
|
||||
};
|
||||
|
||||
new DevExpress.ui.dxDataGrid($("#data-grid"), dataGridOptions);
|
||||
new DevExpress.ui.dxDataGrid($("#data-grid").get(0), dataGridOptions);
|
||||
$("#data-grid").dxDataGrid(dataGridOptions);
|
||||
}
|
||||
|
||||
namespace Tests.viz {
|
||||
var chartOptions: DevExpress.viz.charts.dxChartOptions = {
|
||||
dataSource: [
|
||||
{ arg: "Illinois", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 },
|
||||
{ arg: "Indiana", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 },
|
||||
{ arg: "Michigan", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 }
|
||||
],
|
||||
valueAxis: [{ title: 'Value Axis Title' }],
|
||||
argumentAxis: { title: 'Argument Axis Title', grid: { visible: true } },
|
||||
legend: { border: { visible: true } },
|
||||
tooltip: { enabled: true },
|
||||
commonPaneSettings: { border: { visible: true } },
|
||||
commonSeriesSettings: {
|
||||
type: 'bar',
|
||||
hoverMode: 'allArgumentPoints',
|
||||
selectionMode: 'allArgumentPoints',
|
||||
label: {
|
||||
visible: true,
|
||||
format: 'fixedPoint',
|
||||
precision: 2
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{ valueField: 's1' },
|
||||
{ valueField: 's2' },
|
||||
{ valueField: 's3' },
|
||||
{ valueField: 's4' },
|
||||
{ valueField: 's5' },
|
||||
{ valueField: 's6' },
|
||||
{ valueField: 's7' },
|
||||
{ valueField: 's8' }
|
||||
],
|
||||
title: 'Long Chart\'s Title',
|
||||
onPointClick: function(arg: any) {
|
||||
arg.target.isSelected() ? arg.target.clearSelection() : arg.target.select();
|
||||
},
|
||||
onSeriesClick: function(arg: any) {
|
||||
arg.target.isVisible() ? arg.target.hide() : arg.target.show();
|
||||
}
|
||||
};
|
||||
|
||||
var pieChartOptions: DevExpress.viz.charts.dxPieChartOptions = {
|
||||
dataSource: [{ arg: "Index1", arg1: 1, val: 100 },
|
||||
{ arg: "Index2", arg1: 2, val: 50 },
|
||||
{ arg: "Index3", arg1: 3, val: 75 },
|
||||
{ arg: "Index4", arg1: 4, val: 25 },
|
||||
{ arg: "Index5", arg1: 5, val: 50 },
|
||||
{ arg: "Index6", arg1: 6, val: 100 },
|
||||
{ arg: "Index7", arg1: 7, val: 25 },
|
||||
{ arg: "Index8", arg1: 8, val: 75 }],
|
||||
tooltip: {
|
||||
enabled: true
|
||||
},
|
||||
series: [{
|
||||
type: 'doughnut',
|
||||
label: {
|
||||
visible: true,
|
||||
format: 'fixedPoint',
|
||||
precision: 2
|
||||
}
|
||||
}],
|
||||
title: 'Long PieChart\'s Title'
|
||||
};
|
||||
|
||||
new DevExpress.viz.charts.dxChart($("chart"), chartOptions);
|
||||
new DevExpress.viz.charts.dxChart($("#chart").get(0), chartOptions);
|
||||
$("#chart").dxChart(chartOptions);
|
||||
|
||||
new DevExpress.viz.charts.dxPieChart($("#pie-chart"), pieChartOptions);
|
||||
new DevExpress.viz.charts.dxPieChart($("#pie-chart").get(0), pieChartOptions);
|
||||
$("#pie-chart").dxPieChart(pieChartOptions);
|
||||
}
|
||||
|
||||
namespace Tests.framework {
|
||||
var app = new DevExpress.framework.html.HtmlApplication(<DevExpress.framework.html.HtmlApplicationOptions>{
|
||||
namespace: "Application",
|
||||
navigation: [
|
||||
{
|
||||
title: "Home",
|
||||
action: "#home",
|
||||
icon: "home"
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
action: "#about",
|
||||
icon: "info"
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
app.router.register(":view/:id", { view: "home", id: undefined });
|
||||
app.navigate();
|
||||
}
|
||||
|
||||
namespace Tests.data {
|
||||
new DevExpress.data.DataSource(<DevExpress.data.DataSourceOptions>{
|
||||
sort: ["value", true],
|
||||
group: ["id", false],
|
||||
select: ["value"],
|
||||
filter: ["value", "startswith", "first"],
|
||||
|
||||
pageSize: 25,
|
||||
paginate: true,
|
||||
|
||||
map: function(item) { return item; },
|
||||
postProcess: function(data) { return data; },
|
||||
searchExpr: "expr",
|
||||
searchOperation: "contains",
|
||||
searchValue: "somevalue",
|
||||
store: [1, 2, 3]
|
||||
});
|
||||
|
||||
new DevExpress.data.ArrayStore();
|
||||
new DevExpress.data.ArrayStore(<DevExpress.data.ArrayStoreOptions>{
|
||||
data: [{ id: 1, value: "First one" }, { id: 2, value: "Second one" }],
|
||||
key: "id"
|
||||
});
|
||||
|
||||
new DevExpress.data.CustomStore(<DevExpress.data.CustomStoreOptions>{
|
||||
load: function() {
|
||||
return $.Deferred().promise();
|
||||
}
|
||||
});
|
||||
}
|
||||
Vendored
-7531
File diff suppressed because it is too large
Load Diff
@@ -1,28 +0,0 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"lib": [
|
||||
"es6",
|
||||
"dom"
|
||||
],
|
||||
"noImplicitAny": true,
|
||||
"noImplicitThis": true,
|
||||
"strictNullChecks": false,
|
||||
"baseUrl": "../../",
|
||||
"typeRoots": [
|
||||
"../../"
|
||||
],
|
||||
"types": [],
|
||||
"paths": {
|
||||
"devextreme": [
|
||||
"devextreme/v15"
|
||||
]
|
||||
},
|
||||
"noEmit": true,
|
||||
"forceConsistentCasingInFileNames": true
|
||||
},
|
||||
"files": [
|
||||
"index.d.ts",
|
||||
"devextreme-tests.ts"
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user