Hi ,

I need help building kendo grid with angular 10.

I am having difficulty accessing data of nested json.

have attached  pic as reference and sharing json as well.

Having issue accessing resource record for objects in array.

Please look in the pic attached for reference as i want the same.

{
    "fieldTestPlanId": 509,
    "Operation1": [
        {
            "id": 2381,
            "manageOperationId": 341,
            "title1": "data1",
            "title2": "1",
            "operationId": 55948,
            "subOperationId": 56968,
            "operationGoal": 1,
            "instructions": " ",
            "frCount": null,
            "resources": [
                {
                    "id": 38275,
                    "filedTestOperationId": 2381,
                    "resourceId": 1123,
                    "resourceIdWithPreFix": "1123",
                    "c1": null,
                    "c2": 2
                },
                {
                    "id": 38276,
                    "filedTestOperationId": 2381,
                    "resourceId": 2421,
                    "resourceIdWithPreFix": "2421",
                    "c1": 2.0,
                    "c2": null
                }
            ]
        },
        {
            "id": 2379,
            "manageOperationId": 11,
            "title1": "Unassigned",
            "title2": "Unassigned",
            "operationId": 2057,
            "subOperationId": 2058,
            "operationGoal": 3,
            "instructions": null,
            "frCount": null,
            "resources": [
                {
                    "id": 38273,
                    "filedTestOperationId": 2379,
                    "resourceId": 1123,
                    "resourceIdWithPreFix": "1123",
                    "c1": null,
                    "c2": 4
                },
                {
                    "id": 38274,
                    "filedTestOperationId": 2379,
                    "resourceId": 2421,
                    "resourceIdWithPreFix": "2421",
                    "c1": null,
                    "c2": null
                }
            ]
        }
    ],
    "fieldTestPlanUUTGroupResourceList": [
        {
            "resorceId": 1123,
            "resourceIdWithPrefix": "1123",
            "resourceName": "data",
            "resourceTotalActual": null,
            "resourceTotalPlan": null
        },
        {
            "resorceId": 2421,
            "resourceIdWithPrefix": "2421",
            "resourceName": "test",
            "resourceTotalActual": null,
            "resourceTotalPlan": null
        }
    ]
}

I have looked into the documentation and found that we can only precompile the SCSS files with required colors. And, I am not able to find a  way to importing single SCSS file and changing its color in runtime using CSS variables as in Material.

Telerik Recommended Way:https://www.telerik.com/kendo-angular-ui/components/styling/custom-themes/

Material Way: 

https://github.com/tomastrajan/angular-ngrx-material-starter

https://medium.com/grensesnittet/dynamic-themes-in-angular-material-b6dc0c88dfd7

I have tried it but I am not able to implement such using Telerik theme. So, please confirm me whether Telerik have the support for this or have any plan for this in future. 

Hello, 

         I would like to create a grid in which I have 2 levels of grouping in which I want to have a value in many columns on each grouping and each item.

Example:

                                                 Price  week 1                 Price week 2

    Group A                                       10.00                          12.00

            Sub-Group 1                        9.00                            11.00 

                    Product X                    8.00                             10.00 

                    Product Z                    10.00                          12.00

            Sub-Group2                        11.00                          13.00

   Group B                                       20.00                           22.00  

Any idea on how this could be done?  Positionning the data in grouping template  withing columns does not seem to be possible right now.  I could align the data in the template but with many columns this is gonna get tedious.

Thank you

Grid retained as follows:

 this.state = gridSettings.state;
      this.grid.columns = gridSettings.columnsConfig.sort((a, b) => a.orderIndex - b.orderIndex);

After that "Export All" fails as the grid.Coulmns are changed to Array. If the grid.columns are QueryList it is exporting.

Hi,

We are using KendoUI AutoComplete for Angular6 like below.

<kendo-autocomplete #autocomplete style="width:100%" [(data)]="items" [valueField]="'DESCR_FULL'"
      [suggest]="true" placeholder="Digita almeno 3 caratteri..." [(ngModel)]="selectedsedetechnica"
      (valueChange)=SelectedAssetFromSTCombo($event) [filterable]="true" (filterChange)="handleFilter($event)">
</kendo-autocomplete>

valueChange event is fired even when the AutoComplete is tabbed out / blurred.

But we want to fire the "valueChange" event only when the user selects any one of the AutoComplete suggestions (by clicking on any one of the suggestions (or) by selecting any one one of the suggestions with keyboard ENTER key.). We don't want to fire this event when Aucomplete lost focus (blurred).

Because the autocomplete suggestions will vary based on the user. We don't want to process any data that is not coming from AutoComplete.

How to stop firing "valueChange" event when AutoComplete is tabbed out (or) lost focus

Thanks in advance,

Rajesh

Hello Team,

I am working on a task in which we need to group our data according to the column, also we need aggregate count of record which comes under group.

so the problem is that we have around 1 lakh record in database so, for exact count of record we need to send all record to client.

so, loading time is very slow here or browser is going to be hang.

can we call custom component under group as a child in kendo grid  so that we can do paging if there is 1000 record under one group.

Please help.

Thanks

Ritesh

     Hi,

I am looking for option to programatically select value in combobox. I have array of objects binded to data. I have tried valueChange.emit(), selectionChange.emit(), .value changing, and changing selectedValue binded to ngmodel... nothing works.

<kendo-combobox
        #searchAreaCombobox
        id="searchAreaCombobox"
        [filterable]="false"
        [data]="listItems"
        class="k-combobox"
        [valueField]="'id'"
        [textField]="'caption'"
        [allowCustom]="false"
        [placeholder]="'searchAreaDropDown.placeholder' | translate"
        [(ngModel)]="selectedValue"
        (valueChange)="changeSearchArea($event)"
    >
    </kendo-combobox>

Hi, There

I want to override keyboard accessibility feature in date picker. i am using it in angular 9. 

can i do this?

if yes then how?

Hi, any one know how to dynamically re-position the Kendo-window in Angular 6?

When I move the Kendo-window it goes below the navigation bar. I would like to prevent that.

Regards.

Hi Team,

  Need close icon on each tab, when clicking on close icon need to close the current tab...

Thanks in advance..

Regards

Akarsh kp