Hi i have used this custom directives:

https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/data-binding/automatic-operations/#toc-custom-directives    

I can now make custom filter or dont know how ?

<kendo-grid-column field="probeWeight" title="{{ 'ServerTable.probeWeight' | translate }}" width="80" >
<ng-template kendoGridFilterCellTemplate
let-column="column"
let-filter="filter"
let-filterService="filterService">
<kendo-multiselect
[data]="listItems"
[valuePrimitive]="true">
</kendo-multiselect>
</ng-template>
</kendo-grid-column>

How to add this to state object and reload Grid. It is working for Kendo Filters like this:

<kendo-grid-column field="enabled" title="{{ 'ServerTable.enabled' | translate }}" filter="boolean" width="60">
<ng-template kendoGridCellTemplate let-dataItem>
<input type="checkbox" [checked]="dataItem.enabled" disabled/>
</ng-template>
</kendo-grid-column>

But do working for my filter i have to add field like [filter]="filter" or somthing :( 

Thanks for help

Hi,

Is there a way to disable grouping for a particular column? The ColumnComponent has inputs for editable, filterable, reorderable, resizable and sortable but not groupable?

Thanks.

Hi,

Using kendo-angular-grid@2.0.1 
When using option " <kendo-grid ... filterable="menu" " ... >" the filter icon gets incorrect position (see screenshot). 
BUT ONLY in Internet Explorer.  Chrome and Opera are fine.

Thanks,

Yuriy
 

Hi,

I have a Kendo UI grid which is binding to a GridDataResult. It fetches data from a .NET API and is using toDataSourceRequestString on a DataSourceRequestState to formulate the query parameters. The API is in turn returning a DataSourceResult.

The grid needs to support paging, sorting, filter and grouping. On returning grouped results, the front end is using translateDataSourceResultGroups to unpack the data.

The API currently returns something like this:

{
  "data":[
    {
      "foo":1,
      "bar":80,
      "baz":[
        {
          "date":"2017-04-01T00:00:00",
          "value":25
        },
        {
          "date":"2017-05-01T00:00:00",
          "value":27
        },
        {
          "date":"2017-06-01T00:00:00",
          "value":28
        }
    }, etc...
  ],
  "total":8,
  "aggregateResults":null,
  "errors":null
}

If I didn't need to use server side grouping etc then I could just flatten the "baz" property array before binding but with grouping the results get pretty complicated. Is it possible rather to bind the data as is and bind properties from the nested array as a column? For instance, in the example above, I am attempting to have columns:

"foo", "bar", "2017-04-01", "2017-05-01", "2017-06-01"

and the first record row values:

1, 80, 25, 27, 28

The "baz" array is a series of dynamic column + value pairs.

Any ideas appreciated. Thanks.

I follow the example on this link https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/ to try out the panelbar control

but the result not matching the sample. What is missing?

Thanks,

Bryian Tan

Hi, is there a  method to the jQuery "setOptions" for the Kendo Angular grid? I need to allow the user to "reset" the grid to original configuration after columns have been reordered. 

Thanks,

Hi, 

I've discovered that there is a feature "columnMenu", available for JQuery Grid.

Is it possible to have it in Kendo for Angular Grid?

Thanks,

Yuriy

I have couple of questions

1. Where do find the full package to install all the Kendo-UI component for Angular 5? Do I have to login using the account with the Subscription information? I follow this link https://www.telerik.com/kendo-angular-ui/getting-started/#toc-project-setup

to setup the button using this command line

npm install --save @progress/kendo-angular-buttons @progress/kendo-angular-l10n @angular/animations

I assumed there is a full package somewhere, instead of running the above command 10 times for 10 different components.

2. In order to use the latest Kendo-UI for Angular 5, do I need to upgrade/renew my Subscription?

Thanks,

Bryian Tan

Hi,

is there a way to leave only the first input for a filter an remove all the others?
Or any other way to get rid of extra "AND" options.

Thanks,

Yuriy

Hello, I'd like to use the [icon] property of the <button> component:

 <button kendo-button [icon]="'save'">Save</button>

but I got this error at runtime:

zone.js:654 Unhandled Promise rejection: Template parse errors:
Can't bind to 'icon' since it isn't a known property of 'button'. ("               <tr>
                        <td>
                            <button kendo-button [ERROR ->][icon]="'save'">Save</button>
                        </td>
                    </tr>
"): ng:///Apps_Root/Apps/PricingConfig/app.html@29:49 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:
Can't bind to 'icon' since it isn't a known property of 'button'. ("               <tr>
                        <td>
                            <button kendo-button [ERROR ->][icon]="'save'">Save</button>
                        </td>
                    </tr>

If I remove [icon] and use class="k-i-save", I dont get the runtime error but I dont get the floppy-disk icon next to the label Save.

<button kendo-button class="k-i-save">Save</button>

Could someone tell me how to resolve this [icon] property error?

Thanks!