Telerik的剑道UI jQuery的甘特的配置角7 Web应用程序

时间:2019-02-02 12:35:25

标签: jquery angular kendo-ui

我正在开发实现整个角材质控制一个角7的web应用程序。我现在需要包括jQuery的甘特图一剑道UI。似乎有两种方法可以配置它:

  1. 从Kendo UI for JQuery安装目录中将jsstyles文件夹复制到我的wwwroot文件夹中,并在我的index.html文件中引用它们。
  2. npm install --save @progress/kendo-uinpm install --save @progress/kendo-theme-material

使用方法1,将文件夹手动复制到wwwroot styles`文件夹中,大约20Mb。我不想为每一个版本中得到部署这些。

使用方法2,js folder is approximately 77Mb and the我的webpack捆绑的npm install...文件大约为5.5Mb,这更好,但是在检查时,当我只需要甘特图并且依赖于它时,它仍然包含整个Kendo UI组件套件组件。我还发现,当我main.js材质主题并在我的npm install...文件中包含引用时,组件上的样式似乎不正确。条形图是彩色的,但几乎所有其他颜色都没有颜色,并且甘特图无法正确调整大小。

我的折衷方案是将angular.json用于Kendo UI组件,并将所需的npm install...文件手动复制到我的.css文件夹中,并在我的wwwroot文件中引用它们

请问有人可以建议一种更好的方法来实现这些甘特控件的精益,鲁棒的方式吗?

1 个答案:

答案 0 :(得分:1)

我还不得不在Angular 7项目中使用jQuery Gantt图表。 我还采用了第二种方法:

npm install --save @progress/kendo-ui

然后我在app.module.ts中插入以下语句:

import '@Progress/kendo-ui/js/kendo.gantt'

我捆绑的main.js大79kb。

如果您需要更多信息,请随时回复。 希望这会有所帮助:)