DevExtreme support angular directives as shown on this example page for dxDataGrid. How can I achieve the same with Aurelia?
Examples showing the integration:
问问题
1128 次
3 回答
3
DevExtreme 不支持与开箱即用的 Aurelia 集成。
但是您可以尝试为某些 DevExtreme 小部件创建自定义元素。
于 2015-07-07T06:23:34.640 回答
2
您可能想查看 Stefan Heim 的作品。他创建了一些 DevExtreme/Aurelia 集成的原型示例。有一个 GitHub 存储库和可用的演示：
于 2017-05-19T07:09:06.080 回答
1
最基本的场景遵循以下步骤：
1) 使用 aurelia-cli 创建一个新的 Aurelia 应用程序：au new
2）安装jquery：
npm install jquery --save3）安装devextreme：
npm install devextreme --save
这是棘手的部分...在aurelia_project打开 aurelia.json 并将其添加到 vendor-bundle.js 依赖项（也可以使用 dx.all）：
{
"name": "devextreme",
"path": "../node_modules/devextreme/dist",
"main": "js/dx.web"
}
将 devextreme css 添加到 index.html：
<head>
...
<!-- DevExtreme themes -->
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.common.css" />
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.light.css" />
...
</head>
然后 app.js 和 app.html 中的一个简单示例将如下所示：
应用程序.html
<template>
<div id="grid"></div>
</template>
应用程序.js
export class App {
attached() {
$('#grid').dxDataGrid({
dataSource: [{id: 1, name: 'Test'}]
});
}
}
于 2018-01-19T19:12:02.953 回答