文章/答案/技术大牛

发布

社区首页 >问答首页 >DevExtreme与Aurelia集成

问DevExtreme与Aurelia集成
EN

Stack Overflow用户

提问于 2015-07-06 04:12:23

回答 3查看 1.2K关注 0票数 4

DevExtreme支持角度指令，如dxDataGrid的这个示例页面所示。我如何才能与奥雷利亚达到同样的目标？

显示整合的实例：

https://www.youtube.com/watch?v=iIZj6hOFg0o
http://blog.falafel.com/getting-started-with-devexpress-and-angularjs/

aurelia

devextreme

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-07-07 06:23:34

DevExtreme不支持与“开箱即用”的集成.

但是您可以尝试为某些自定义元素小部件创建DevExtreme。

票数 3

Stack Overflow用户

发布于 2017-05-19 07:09:06

你可能想看看斯特凡·海姆的作品。他创建了一些DevExtreme/Aurelia集成的原型示例。有一个GitHub存储库和演示程序可用：

https://github.com/stenet/aurelia-devextreme

http://stefan.96.lt

票数 2

Stack Overflow用户

发布于 2018-01-19 19:12:02

最基本的场景遵循以下步骤：

1)用aurelia-cli：金新创建一个新的Aurelia应用程序 2)安装jquery：npm install jquery --save 3)安装devextreme：npm install devextreme --save

下面是棘手的aurelia_project打开aurelia.json并将其添加到供应商-bundle.js依赖项(也可以使用dx.all)：

      {
        "name": "devextreme",
        "path": "../node_modules/devextreme/dist",
        "main": "js/dx.web"
      }

将devextreme添加到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中的一个简单示例如下所示：

app.html

    <template> 
        <div id="grid"></div>
    </template>

app.js

   export class App {

     attached() {

        $('#grid').dxDataGrid({
           dataSource: [{id: 1, name: 'Test'}]
        });

      }
    }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31237680

复制

相似问题

问DevExtreme与Aurelia集成
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DevExtreme与Aurelia集成EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DevExtreme与Aurelia集成
EN