Telerik Forums
Kendo UI for Angular Forum
8 answers
2.0K+ views
Hello,
I have a date field where i need to use a filter, but the main problem for my case is that i don't have an opportunity to edit filter options(e.g. is equal to, is not equal to, is after...) that are shown in the dropdown. In my case i need to use only four of them (equal, before, after, ends), so if there is a way to specify what exact options could be shown, I would like to know. 
Regards,
Edik
Svet
Telerik team
 answered on 05 Sep 2018
2 answers
145 views

I'm getting the following warnings in the latest (8/30/18) version 1.5.0.

WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata.operators.js
15:52-58 "export 'ifElse' was not found in './funcs'
 
WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata-filtering.operators.js
36:42-48 "export 'ifElse' was not found in './funcs'
 
WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata-filtering.operators.js
37:49-55 "export 'ifElse' was not found in './funcs'
 
WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata-filtering.operators.js
70:92-98 "export 'ifElse' was not found in './funcs'

 

Shawn
Top achievements
Rank 1
 answered on 04 Sep 2018
1 answer
642 views

Hi guys,

In the .xlf file, the text for "NO DATA FOUND" (which appears inside an empty kendo-dropdownlist) gets nothing generated for a translation. This means that currently I have my whole project translated, except for this text.

I suspect there is a way to add it to the messages.xlf file in which I have all the translations, but I'm at a loss as to how. Can you give me your insight?

 

Thank You Very Much for your time in advance!

Svet
Telerik team
 answered on 03 Sep 2018
3 answers
1.0K+ views

Hi,

I was a little flabbergasted when I found out that the "AutoComplete" component only handles "Simple Data" - even though there is a parameter called "valueField" and a subtopic under "Data Binding" called "Complex Data". It is impossible to display i.e. the Name of a Person and have the ID of that person as the value of the "AutoComplete" component. Can you please enable this, it is imperative to working with an autocomplete textfield that value and text can be _different_ and that a value other than the selected text can be accessed.

 

const Members = [{name:'Peter', value:1},{name:'Paul', value:2},{name:'Mary', value:3}]
<kendo-autocomplete #viewBandmembers [(ngModel)]="bandmembers" name="bandmembers" [data]="Members" [filterable]="true" [valueField]="'value'"></kendo-autocomplete>

 

This will display 1,2 and 3 in the AutoComplete component!

Thanks in advance

Benjamin Müller

Dimiter Topalov
Telerik team
 answered on 30 Aug 2018
1 answer
1.1K+ views

I'm using Kendo UI for Angular to render a table. The table works fine, and everything shows up. My question is if it's possible to add a new header row before the initial row, where it's possible to add custom values.

I've added two images, which shows the current and desired behavior.

Svet
Telerik team
 answered on 29 Aug 2018
2 answers
239 views

I have a call to my api as follows:

getEntitiesForKendo() {
    this.gridLoading = true;
    this._kendoGridService.getEntities(this.gridSettings.state)
        .subscribe((data) => {
            data.data.forEach((d) => {
                d.creationTime = new Date(d.creationTime);
                d.warnings = d.warnings.split(',').map(Number);
            });
            this.gridData = data;
            this.getOrganisationUnits();
            this.gridLoading = false;
        });
}

In my grid I have two sparkline charts, the pie chart is working, the column chart is not.  Here is my code:

<kendo-grid-column field="carePlanSectionsForReviewCount" title="{{ l('CarePlanReviews')}}" class="text-center" width="120"
    media="(min-width:720px)" [filterable]="false">
    <ng-template kendoGridCellTemplate let-dataItem>
        <kendo-sparkline [chartArea]="{background: ''}" [data]="[dataItem.carePlanSectionsForReviewTodayCount, dataItem.carePlanSectionsOverdueCount, dataItem.carePlanSectionsReviewedCount]"
            style="width:30px; height:30px;" [seriesColors]="['#ffb822', '#f4516c', '#34bfa3']" type="pie">
        </kendo-sparkline>
    </ng-template>
</kendo-grid-column>
<kendo-grid-column field="warningCount" title="{{ l('NcWarnings')}}" class="text-center" width="120" media="(min-width:720px)"
    [filterable]="false">
    <ng-template kendoGridCellTemplate let-dataItem>
        <kendo-sparkline [chartArea]="{background: ''}" [data]="[dataItem.warnings]">
        </kendo-sparkline>
        {{dataItem.warnings | json}}
        <!-- {{dataItem.warningCount}} -->
    </ng-template>
</kendo-grid-column>

The results can be seen in the attached file.  The array seems good, why does the sparkline for the warnings column not display?

Bob
Top achievements
Rank 1
Veteran
 answered on 28 Aug 2018
1 answer
317 views

Using Kendo UI with Angular:

I have an Auto-generated column/grid and need to refresh all the data on an ongoing basis. (Every 10 seconds). To check for any changes to the data.

My data is local at the moment and called sampleCustomers (See below)

I`m relatively new to Kendo and Angular so as descriptive as you can be would be really appreciated. (Add this to app.component.ts, add this to app.component.html, etc.)

Sample of my data below:

export const sampleCustomers = [{
'Id': 'ALFKI',
'CompanyName': 'Alfreds Futterkiste',
'ContactName': 'Maria Anders',
'ContactTitle': 'Sales Representative',
'Address': 'Obere Str. 57',
'City': 'Berlin',
'PostalCode': '12209',
'Country': 'Germany',
'Phone': '030-0074321',
'Fax': '030-0076545',
'LikeDogs': "Yes",
"FirstOrderedOn": new Date(1996, 8, 20),
"Discontinued": false,
}, {
'Id': 'ANATR',
'CompanyName': 'Ana Trujillo Emparedados y helados',
'ContactName': 'Ana Trujillo',
'ContactTitle': 'Owner',
'Address': 'Avda. de la Constitución 2222',
'City': 'México D.F.',
'PostalCode': '05021',
'Country': 'Mexico',
'Phone': '(5) 555-4729',
'Fax': '(5) 555-3745'
},

I`m looking forward to an answer regarding this as I have dug deep throughout the internet and have come up empty.

 

Dimiter Topalov
Telerik team
 answered on 28 Aug 2018
1 answer
1.6K+ views
I have an autocomplete that's working fine, except I want to change one aspect of its behavior-- I would like to not react to the valueChange event when the control has lost focus. The situation is a search box, where once a user has made a selection, a search page will be routed to. However, I don't want to navigate if the user abandons their input. The control emits a valueChange when a blur happens. I have noticed that the valueChange emits before the blur emits. What would be the best way to achieve the desired behavior? I have a ViewChild reference available if that is needed.
Ivan
Telerik team
 answered on 27 Aug 2018
2 answers
134 views
Is there a way to specify buttons in a window to be positioned fixed at the bottom of the window so if a scrollbar is needed for the content, the buttons are still visible?  For dialogs, there's the KendoDialogActions component but that overrides the default styles of buttons.  I want to keep the styles of buttons but have it behave like buttons inside KendoDialogActions.  
Jacky
Top achievements
Rank 1
 answered on 24 Aug 2018
1 answer
337 views
I have done some digging and it seems grid columns are unable to resize to fit the full width of a grid (responsively) if there is a locked column present on the grid. Is this the case? If not could someone point me in the direction of how I would go about achieving this? Thanks.
Rosen
Telerik team
 answered on 24 Aug 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?