问题标签 [kendo-ui-angular2]

我正在使用 Visual Studio 2015 Pro 开发一个使用 Systemjs 和 Kendo UI Angular 2 组件的 .Net Core Angular 2 项目。

我正在使用 Gulp 将库文件从 node_modules 复制到“wwwroot/shared/lib”，并从 tsconfig.json 的编译中排除这两个目录。

一切正常，直到我包含一个 Kendo UI 模块，这会导致 typescript 在“node_modules/@progress/[component-name]/dist/npm/js”目录中编译 .d.ts 文件。

我在 tsconfig.json 中排除了 node_modules，所以我猜测 Kendo UI 组件代码以某种方式引用了 .d.ts 文件。

当我排除“wwwroot”而不是“wwwroot/shared/lib”时，项目编译没有错误（因为我所有的 .ts 文件都在“wwwroot”中）。

奇怪的是，当我将它改回“wwwroot/shared/lib”时，它仍然有效！但是一旦我重新启动 VS，我就会再次收到错误（？！）

所有错误都特定于“node_modules/@progress”文件夹中的 .d.ts 文件。“node_modules/@angular”中有很多 .d.ts 文件不会导致任何问题，因此这必须特定于 Kendo UI 代码。

有什么方法可以阻止 VS 编译 .d.ts 文件，无论它们的位置如何？

这是我的 tsconfig：

更新

看似随机，错误将从 6 跳转到 149 - 包括错误 TS2304：找不到名称“模块”、“地图”等...

我试过添加"skipDefaultLibCheck": true到 tsconfig 没有运气。

添加"types": [ "node" ]将导致 tsc.exe 以代码 1 退出，除非我执行排除“wwwroot”的技巧，然后运行项目，然后再次包含它。

在我这样做之后一切都运行良好 - 直到我重新启动 VS 并且一切都崩溃了。

更新 2

我为 Visual Studio 2015 (TypeScript_Dev14Full) 安装了最新版本的 Typescript，它似乎已经解决了上述大部分问题，但我现在遇到了一个新错误：

“TS2309 构建：导出分配不能在具有其他导出元素的模块中使用。” 在 \node_modules\@types\node\index.d.ts

该错误出现两次，一次是针对 Project：“TypeScript Virtual Projects”和 Project：“DevDashLocal”。

我使用最新版本的 .Net Core SDK 和 Typescript 重建了项目，并且在新项目中收到了相同的错误。

当用户与 Detail Templates 交互时，Kendo 是否支持网格事件。具体来说，我希望在用户打开单个行时加载详细信息模板的数据。

我拥有的最佳解决方案是在网格上放置一个单击事件处理程序并验证目标对应于打开/关闭详细信息模板的按钮。但是，如果剑道表示发生变化，这似乎很复杂且容易出错。

我已经在网格上启用了分页。我希望网格高度固定或 100%，而不是在浏览到记录较少的最后一页时“跳跃”。高度声明不适用于可分页选项，仅适用于可滚动选项。

见 http://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#height-number

有没有人有办法解决吗？

尝试水平滚动 Kendo UI Angular2 网格时，我遇到了 IE 11 中性能不足的问题。列数可能会不时改变。至少我每次有 30 列。IE 要么冻结 UI 超过 10 秒，甚至崩溃。

我的网格版本是 0.5.0。这是我的网格设置：

编辑：将网格更新到 0.6.2，与 IE 相同，甚至 Chrome 的思考时间也比预期的要长。例子在这里

I have a really simple basic code for Kendo-ui angular2 grid. I am trying to get selectable to work and upgraded packages and everything but the selection does not work. Am I missing something?

This is what I have in package.json:

如何显示 Kendo UI Angular 2 网格列名称的工具提示？我尝试使用 html标题属性，但它与kendo-grid-column标题属性冲突。

我正在尝试使用 Kendo UI for Angular 2 创建一个具有多列标题的 Kendo Grid。以前，Kendo 的旧版本支持此功能（http://demos.telerik.com/kendo-ui/grid/multicolumnheaders）。这在 Angular 2 的 Kendo Grid 中是否支持？

我正在尝试的另一件事是之前使用 columnMenu 选项启用的列过滤功能。Angular 2 的 Kendo Grid 中是否存在此选项？

无论如何让Dialog的内容可以滚动？我们有时会有很多内容的 Dialog 内容，我们只是想让它可以滚动。这里是带有 Boostrap 的示例，只有模态内容可滚动： http: //www.bootply.com/WaTI0dBpa3

我正在将 Kendo UI 折线图从 AngularJS 迁移到 Angular2（使用打字稿）。这是我想要制作的图表类型的示例。

尽管在当前状态下并不重要，但这是为该图表提供的原始数据的样子

我处理/清理这个原始 JSON 并将其展平，以便剑道图表可以处理它。它最终看起来像这样：

[{“empid”：“10584”，“间隔”：“2016 - 16”，“服务”：“总计”，“价值”：“10”}，

{ "empid": "10584", "interval": "2016 - 16", "service": "Service1", "value": "5" },

{“empid”：“10584”，“间隔”：“2016 - 16”，“服务”：“Service2”，“值”：“5”}，

{“empid”：“10584”，“间隔”：“2016 - 17”，“服务”：“总计”，“价值”：“25”}，

{“empid”：“10584”，“间隔”：“2016 - 17”，“服务”：“Service1”，“值”：“5”}，

{“empid”：“10584”，“间隔”：“2016 - 17”，“服务”：“Service2”，“值”：“20”}，

{“empid”：“10584”，“间隔”：“2016 - 18”，“服务”：“总计”，“价值”：“5”}，

{“empid”：“10584”，“间隔”：“2016 - 18”，“服务”：“Service1”，“值”：“3”}，

{“empid”：“10584”，“间隔”：“2016 - 18”，“服务”：“Service2”，“值”：“2”}，

{“empid”：“10584”，“间隔”：“2016 - 19”，“服务”：“总计”，“价值”：“16”}，

{ "empid": "10584", "interval": "2016 - 19","service": "Service1", "value": "8" },

{“empid”：“10584”，“间隔”：“2016 - 19”，“服务”：“Service2”，“值”：“8”}]

在工作图表中，我在“服务”字段中使用 Kendo 数据集及其按功能分组。我不相信这存在于 Angular 2（Kendo 数据集或它的 groupBy 功能）中。

有没有人在任何地方有任何想法可以帮助我在 Angular 2 中运行它？我需要编写自定义管道来分组吗？我读过很少有传言说 RXJS 有一个 groupby 运算符。我应该尝试以不同的方式构建我的数据吗？

我正在向不同的方向旋转我的轮子，试图解决这个问题，但在新的 Kendo Angular2 图表中显示的内容方面没有取得太大进展。任何帮助将不胜感激。

我希望我的网格具有动态高度。在使用 angular 1 和剑道之前，我会这样做。

使用以下 CSS：

但是当我尝试使用 angular2 的剑道网格时，它不会工作。