Ionic2集成DevExtreme

Posted 抱影无眠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2集成DevExtreme相关的知识,希望对你有一定的参考价值。

安装Install DevExtreme Angular

npm install --save devextreme devextreme-angular

或者在package.json 文件中增加依赖

"devextreme": "^17.1.5",

"devextreme-angular": "^17.1.5",

?

导入DevExtreme模块,可以单独导入也可以完全导入

?

//Imports a separate module

import { DxButtonModule } from ‘devextreme-angular/ui/button‘;

?

//Imports the entire DevExtreme

import { DevExtremeModule } from ‘devextreme-angular‘;

?

@NgModule({

...

imports: [

...

DevExtremeModule,

...

]

})

?

应用DevExtreme样式

DevExtreme的样式文件目录在 node-modules\devextreme\dist\css

将所需要的样式文件复制到 src/asserts/css目录下

在index.html文件中链接样式文件

<link href="assets/css/dx.common.css" rel="stylesheet">

<link href="assets/css/dx.light.css" rel="stylesheet">

?

使用DevExtreme Component

. . .

<ion-content padding>

<h3>Welcome to your first Ionic app!</h3>

<dx-button text="Hello world"></dx-button>

. . .

以上是关于Ionic2集成DevExtreme的主要内容,如果未能解决你的问题,请参考以下文章

如何将 Docusign 的电子签名 API 与 .NET 后端和 Angular + Devextreme 前端集成?

跨平台开发框架DevExtreme v19.1.4正式发布|附下载

ionic2/cordova自定义插件集成aar包

DevExpress团队在行动!DevExtreme 2020全新起航——v19.2.6发布

如何使用 Angular Devextreme 自定义我的代码?

如何在 Devextreme 数据网格上捕获 web api 返回消息?