kendo-ui-angular2

Issue with Kendo Angular 2 Dialog

不羁的心 提交于 2019-12-12 04:31:00
问题 I am getting this error when trying to integrate the Kendo Dialog in Angular 2. I integrated Grid, Button, dropdowns successfully. ERROR in ./~/@progress/kendo-angular-dialog/dist/es/dialog.component.js Module not found: Error: Can't resolve '@telerik/kendo-theme-default/styles/packages/dialog' in 'C:\Projects\AMDS\amd_ui\node_modules\@progress\kendo-angular-dialog\dist\es' Please let me know. 回答1: Here is the corresponding issue: https://github.com/telerik/kendo-angular2/issues/110 来源: https

How to set dynamic content to a tooltip?

▼魔方 西西 提交于 2019-12-12 03:54:34
问题 I need to make a call to an api to return the tooltip content. Does anyone know, when setting a tooltip, how to acess the arguments in the dataItem, pass them to a function which returns the tooltip content? I've seen this and this example but I'cant understand how to do this. 回答1: The chart provides tooltip templates, as shown in the chart tooltip online demos. These allow custom tooltips to be created: <kendo-chart-tooltip> <template kendoSeriesTooltipTemplate let-value="value"> Default

Multi Column Header for Angular 2 Kendo Grid

旧街凉风 提交于 2019-12-12 03:06:48
问题 I am try to create a Kendo Grid with multi column header using Kendo UI for Angular 2. Previously, the old version for Kendo supported this (http://demos.telerik.com/kendo-ui/grid/multicolumnheaders). Is this supported in the Kendo Grid for Angular 2? Another thing that I am trying is column filtering capability which was enabled using the columnMenu option previously. Is this option present in the Kendo Grid for Angular 2? 回答1: Both of these are part of the future plans of the framework,

Dynamically load details grid in the master - details grid

孤者浪人 提交于 2019-12-12 00:56:37
问题 Is there a way to dynamically load details grid ? I am looking to load the data for the detail template only when the user opens an item on the parent grid. the data would be fetched asyc. I did find this SO link - Detail Template Events , but am still not sure how I could make it work . I am still stuck and would appreciate any help Below is my service, i patterned my service quite similar to the one in the example below. import { Injectable, Inject } from "@angular/core"; import { Http,

Kendo UI for Angular Grid Detail expand/collapse button to be moved to the right?

妖精的绣舞 提交于 2019-12-11 16:04:55
问题 Is it possible for the Kendo UI for Angular Grid Detail expand/collapse button to be moved to the right of the grid? It appears that kendo-ui defaults the expand/collapse to the left most column of the kendo grid. I need to see if it is possible to move it to the button to the right. 回答1: We can implement it by hiding the current +/- icons using some custom CSS and manually adding such icons to the last column. Then we would need to programmatically expand and collapse the detail template,

Kendo UI creates a double input when added to Angular 4 app

霸气de小男生 提交于 2019-12-11 15:41:19
问题 I'm working on ASP.NET MVC app. I have recently added Angular 4 to it and now I'm trying to use some Kendo UI controls. I've added it in the same way as suggested at https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/ However instead of having a single input field like here, I'm getting a double input. I've checked the source code and it generated the following html. Any idea why it doesn't work as supposed to? In my html I put just that: <kendo-numerictextbox> [value]=

kendo ui angular save grid settings

霸气de小男生 提交于 2019-12-11 15:37:29
问题 We have a new application that we are creating using Angular based on an existing application that uses AngularJS. In the existing app we are using Kendo UI and users are able to save their grid settings. I was not able to find similar functionality in the Kendo UI Angular Grid. Is saving of user grid settings something that is supported in the Kendo UI Angular Grid? 回答1: You Can save "state" for future use. The Example is given below. https://www.telerik.com/forums/how-to-refresh-angular

Select grid row item from code

主宰稳场 提交于 2019-12-11 05:35:19
问题 Is there any way to select a grid row from code so you can trigger the selectionChange event emitter? I don't know how to get hold of the grid component and execute the event manually. Selection grid sample plunkr <kendo-grid [data]="gridView" [selectable]="true"></kendo-grid> -- Edit: If I access the grid manually by adding a #gridReference tag into the kendo-grid tag, I can access the component using @ViewChild('activityGrid') gridReference: GridComponent; But when executing var

Kendo Angular 2 Grid Filter similar to Excel

随声附和 提交于 2019-12-10 11:23:13
问题 How can We implement an excel-like filtering on a grid using kendo-angular. I can't find a solution in the documentation. This is the feature in JQuery version: http://demos.telerik.com/kendo-ui/spreadsheet/sorting-filtering edit 1: a filter similar to this one 回答1: Here is an example: <kendo-grid-column field="ProductName" title="Product Name"> <ng-template kendoGridFilterCellTemplate let-filter let-column="column"> <kendo-grid-string-filter-cell [showOperators]="false" [column]="column"

Kendo UI Angular 2 Grid Excel Export

半腔热情 提交于 2019-12-08 17:01:13
问题 I'm trying to add excel export functionality to Kendo UI angular 2 grid, but getting an error while the angular 2 app loads: Can't bind to 'toolbar' since it isn't a known property of 'kendo-grid'. Here is the code snippet I'm using: <kendo-grid [data]="gridView" [height]="700" [pageSize]="pageSize" [toolbar]="['excel']" [excel]="{fileName: 'Reprocessingdetails.xlsx'}" [skip]="skip" [pageable]="{ info: true, type: 'input', pageSizes: false, previousNext: true }" [scrollable]="'none'"