Telerik Forums
Kendo UI for Angular Forum
1 answer
1.3K+ views

I am using kendo listview and I have a dynamic data that's why I want to reload data automatically in the listView. Can anyone help me ?

This is the method I used where I add new item in the data of the  lisView "addresses" :

addNewAddress(){
    this.var=false
    if(this.isvalidAddresses){
      this.var = true;
      this.addresses.push(this.oneDamageAddress);
      console.log(this.addresses)
    }
  }

 

And this is my HTML :

<button (click)="addNewAddress()">add</button>

<kendo-listview*ngIf="var"

 
            #listView
            [kendoListViewBinding]="addresses"
            [loading]="loading"
            [containerClass]="'k-d-flex k-flex-col k-flex-nowrap'"
            
        >
            <ng-template
                kendoListViewItemTemplate
                let-dataItem="dataItem"
            >
            <div class="product" >
            <div class="description">
                <div class="product-name">{{ dataItem.streetName }}</div>
                <div class="category-name">{{ dataItem.surname }}</div>
            </div>
            <div class="price">
              <button ><i class="fas fa-trash"></i></button>
            </div>
        </div>           
            </ng-template>
        

</kendo-listview>

Dimiter Madjarov
Telerik team
 answered on 30 Apr 2021
1 answer
2.8K+ views

[{
"drpt": {
"dname": "test",
"cname": ["aaa", "bbb ", "ccc "],
"qgate": "passed",
"utest": {
"pass": 222,
"fail": 9,
"perc": 56.6
},
"ctest": {
"pass": 202,
"fail": 0,
"perc": 100
}
}
},
{
"drpt": {
"dname": "test1",
"cname": ["aaa1", "bbb1", "ccc1"],
"qgate": "failed",
"utest": {
"pass": 232,
"fail": 9,
"perc": 56.6
},
"ctest": {
"pass": 202,
"fail": 10,
"perc": 45
}
}
}
]

how do I parse this nested JSON to display the below data in the Kendo UI grid for angular?

dname UtestPerc CtestPerc qgate
test 56.6 100 passed
Test1 56.6 45 failed

can anyone help to give some pointers on this

 

Martin Bechev
Telerik team
 answered on 30 Apr 2021
1 answer
5.4K+ views

I have a requirement where I need to either display simple text if available otherwise need to show dropdown list in the same column in Kendo Grid. The list items for every row need to bound at runtime and this list item is part of the data source to which grid is bound to.

Kindly help

Hetali
Telerik team
 updated answer on 29 Apr 2021
1 answer
1.0K+ views
This is the first time I am using kendo listview and I am wondering how to get the selected Item from the listView ! I mean how can I change the listView to selectable and then how can I recuperate the selected Item ? Can anyone help me ?
Dimiter Madjarov
Telerik team
 answered on 29 Apr 2021
1 answer
1.7K+ views

Hello, 

I'm using Kendo UI Grid for Angular. I'm using the ColumnMenuChooser component in two places in my code.

In one place, I'm using just the generic directive :

<kendo-grid-columnmenu-chooser [service]="service">
</kendo-grid-columnmenu-chooser>

In another place, I'm using a more customized code :

<ng-template #template>
<kendo-grid-columnlist
[columns]="columns"
[applyText]="localization.get('columnsApply')"
[resetText]="localization.get('columnsReset')"
[autoSync]="autoSync"
[allowHideAll]="allowHideAll"
(apply)="onApply($event)"
(columnChange)="onChange($event)"
>
</kendo-grid-columnlist>
</ng-template>

In both places, is it possible to disable a column's checkbox according to its column's property ?

I know this was possible in Kendo UI grid for jQuery but I can't find a way to do it in Kendo UI for Angular.

The goal is that if a given column has a certain property true (for example "locked = true", then it would be impossible for the end user to hide it via the ColumnMenuChooser component.

Thank you in advance

 

Svet
Telerik team
 answered on 29 Apr 2021
2 answers
1.2K+ views

Hello, 
I'm using Kendo UI Grid for Angular. I'm using the ColumnMenuChooser component in two places in my code.
In one place, I'm using just the generic directive :

<kendo-grid-columnmenu-chooser [service]="service">
</kendo-grid-columnmenu-chooser>

In another place, I'm using a more customized code :

<ng-template #template>
<kendo-grid-columnlist
[columns]="columns"
[applyText]="localization.get('columnsApply')"
[resetText]="localization.get('columnsReset')"
[autoSync]="autoSync"
[allowHideAll]="allowHideAll"
(apply)="onApply($event)"
(columnChange)="onChange($event)"
>
</kendo-grid-columnlist>
</ng-template>

In both places, is it possible to disable a column's checkbox according to its column's property ?
I know this was possible in Kendo UI grid for jQuery but I can't find a way to do it in Kendo UI for Angular.
The goal is that if a given column has a certain property true (for example "locked = true", then it would be impossible for the end user to hide it via the ColumnMenuChooser component.
Thank you in advance

Svet
Telerik team
 answered on 29 Apr 2021
1 answer
1.2K+ views

Hi Team,

I'm trying to set my grid height to 80vh but I'm not able to do it.

<kendo-grid [groupable]="true" [data]="gridData" [height]="80vh">

Can you provide me any example?

Regards,

Srinivas

Hetali
Telerik team
 answered on 28 Apr 2021
1 answer
247 views

Hello,
i want to translate the kendo-recurrence-editor into german.
I found the kendo-recurrence-editor-messages and now it look's fine ... but there is one translation in a kendo-datepicker inside the recurrence-editor, that i couldn't translate.
Is there any solution?

<kendo-recurrence-editor formControlName='regelwerk'>
<kendo-recurrence-editor-messages repeat="Wiederholen"
frequenciesNever="Nie"
frequenciesDaily="Täglich"
frequenciesWeekly="Wöchentlich"
frequenciesMonthly="Monatlich"
frequenciesYearly="Jährlich"
dailyRepeatEvery="Wiederholen an jedem:"
dailyInterval="Tag(e)"
weeklyInterval="Woche(n)"
weeklyRepeatEvery="Wiederholen an jedem:"
weeklyRepeatOn="Wiederholen am:"
monthlyRepeatEvery="Wiederholen an jedem:"
monthlyRepeatOn="Wiederholen am:"
monthlyInterval="Monat(e)"
monthlyDay="Tag"
yearlyRepeatEvery="Wiederholen an jedem:"
yearlyRepeatOn="Wiederholen am:"
yearlyInterval="Jahr(e)"
yearlyOf="von"
endLabel="Beenden:"
endAfter="Nach"
endOccurrence="Anzahl Wiederholungen"
endOn="Am"
endNever="Nie"
offsetPositionsFirst="ersten"
offsetPositionsSecond="zweiten"
offsetPositionsThird="dritten"
offsetPositionsFourth="vierten"
offsetPositionsLast="letzten"
weekdaysDay="Tag"
weekdaysWeekday="Wochentag"
weekdaysWeekendday="Tag am Wochenende"
>
</kendo-recurrence-editor-messages>
<kendo-datepicker-messages toggle="Datum auswählen"
today="heute"
nextButtonTitle="vor"
prevButtonTitle="zurück"
></kendo-datepicker-messages>
</kendo-recurrence-editor>

Martin Bechev
Telerik team
 answered on 28 Apr 2021
1 answer
103 views

Hello Team, 

If isAllday option 'false' then if the event exceeds more than 24 hours, then there should be an another option to block the total day with the event card. please include this in your future requirement.

 

Thanks and Regards 

Anto

 

Svet
Telerik team
 answered on 28 Apr 2021
1 answer
231 views
kendoGridDetailTemplate isn't supported with locked columns. Is there an alternate way to display something like a detail row for a grid with locked columns?
Yanmario
Telerik team
 answered on 28 Apr 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?