kendo-ui-angular2

问题 Is is possible to transclude custom column definitions via ng-content or TemplateRef or similar? I've been testing via Kendo UI Grid plunker available at site (http://www.telerik.com/kendo-angular-ui/components/grid/) as well as Angular2 child component as data but to no avail. I've also tried it ng-content select but also nothing. Any help is greatly appreciated, thanks! @Component({ selector: 'test-component', template: ` <kendo-grid [data]="Data"> <kendo-grid-column></kendo-grid-column> //

问题 Does Kendo support grid events when users interact with Detail Templates. Specifically, I am looking to load the data for the detail template when a user opens an individual row. The best solution I have is to place a click event handler on the grid and verify the target corresponds to the button that opens/closes the detail template. However, this seems complicated and error-prone if the kendo representation changes. 回答1: You can wrap the detail template in your custom component and use the

问题 I would like to be able to change the background-color of the resulting dialog created with the kendo UI angular's DialogService. It's easy to adapt the content of the dialog or even override the background-color via scss but only for one fixed color while I need to chose from a few. So I'm thinking either set the color at runtime or at least set a class on the wrapper so I can style them via scss. Any idea? 回答1: I worked a solution for this. It works but it is not elegant one bit. Here's the

问题 Given this columns array in a parent component: columns = [ { field: 'field1', title: 'Title 1', width: '100px' }, { field: 'field2', title: 'Title 2', width: '200px' }, { field: 'field3', title: 'Title 3' } ]; I can build a Kendo for Angular grid dynamically in a my-table component: @Component({ selector: 'my-table', template: ` <kendo-grid #grid="kendoGrid" [data]="data"> <kendo-grid-column *ngFor="let column of columns" field="{{column.field}}" title="{{column.title}}" width="{{column

问题 I'm trying to use form validation on a Kendo UI for Angular DatePicker and it just doesn't seem to work. I'm doing the following on all other form elements: <div class="form-group row" [ngClass]="{ 'has-danger' : email.invalid && (email.dirty || email.touched) }"> <input id="email" type="text" class="form-control" [(ngModel)]="member.email" name="email" #email="ngModel" required /> </div> This works perfectly fine. But when I try the same with the Kendo UI for Angular DatePicker I get the

问题 I'm using angular2 kendo ui grid and binding data to the grid by http call before http call returns the data i need to show busy indicator without showing grid header till data is assigned.How to achive this Thanks, Raghu s 回答1: I achieved this by declaring the following within the HTML template. Add a new div above the grid with a conditional loading text for when the grid is loading: <div *ngIf="loading == true" class="loader">Loading..</div> Add a div wrapper around the grid for when the

问题 I'm trying to figure out how to customize a theme as outlined here: http://www.telerik.com/kendo-angular-ui/components/styling/ What I can't figure out is under the section Custom Themes. It describes being able to change the scss variables directly in your own application, but this isn't working for me. Exactly what references do I need in place so I can do this? $accent: #ff69b4; @import "~@progress/kendo-theme-default/scss/all"; I can put this in my component style file... but I'm still

问题 Was wondering if it is possible to format a date in a column using a property. E.g: <kendo-grid-column field="DOB" format="{0:d}" title="DOB" width="160" > </kendo-grid-column> I would like to format the DOB using a property. In my TS file I would have something like: shortDate="dd/mm/yyyy" In HTML: <kendo-grid-column field="DOB" format="{0:shortDate}" title="DOB" width="160" > </kendo-grid-column> Something like that possible? Thanks, 回答1: Solution I ended up using: <kendo-grid-column field=

问题 I've implemented an angular 2 app which utilize Kendo UI Grid: I am stuck when deploying app with AoT + Rollup: Error: 'GridModule' is not exported by node_modules\@progress\kendo-angular-grid\dist\npm\js\main.js (imported by app\app.module.js). Tried this from Rollup documentation but I don't understand how to configure namedExports : commonjs({ namedExports: { 'node_modules/@progress/kendo-angular-grid/dist/npm/js/main.js': [ 'GridModule' ] } }); Using above configuration doesn't solve the

问题 I am wondering if there is a way to format the row's appearance based on a field's value? Thanks. 回答1: This might be a little too late, but its possible! HTML How to style based on row: <kendo-grid [data]="gridData" [rowClass]="rowCallback"> <kendo-grid-column field="machineName" title="Machine"> </kendo-grid-column> <kendo-grid-column field="article" title="Article"> </kendo-grid-column> <kendo-grid-column field="status" title="Status"> </kendo-grid-column> </kendo-grid> How to style based