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

Is there a way to select the next row when we hit keydown or keyup using the keyboard?

 

I tried setting the navigable property to true but in that case we have to hit enter to explicitly select a row. I want to select the next row on the keydown and keyup event.

Dimiter Topalov
Telerik team
 answered on 10 Feb 2021
2 answers
78 views

Hello, 

Hello, I rewrite the thread because it was deleted.

I'm trying to translate window action buttons using the WindowService.

Unfortunately they are not translated and I have an error in the console:

preview-c9f765cddfc622204e06b.js:1 ERROR TypeError: Cannot set property 'closeTitle' of undefined

Is this a known issue?

Here you can replicate the issue;

https://stackblitz.com/edit/angular-hvvwkt

Thanks,

B

ICT
Top achievements
Rank 1
Iron
 answered on 09 Feb 2021
2 answers
730 views

Hi!

I try to use drawer component as a menu. So I configured the items as in example https://stackblitz.com/run/?file=app%2Fproducts.component.ts .

If I try to use a link like <a [routerLink]="['/']">to home</a> in product.component.ts it redirect me to home page. But in drawer component the active item isn't change. It stays at Products.

Shouldn't the Home item be active? Are my expectations wrong?

Thank you in advance.

Jose Wilson
Top achievements
Rank 1
 answered on 08 Feb 2021
2 answers
161 views
One of our products has a numeric field for navigating page numbers. The input paging works fine on chrome, firefox, and EDGE, but it doesn’t work on IE 11. Is there a workaround for this issue, or is this a defect with the control?
Dina
Top achievements
Rank 1
 answered on 08 Feb 2021
2 answers
387 views

Hi,

 

There is a requirement that I need to close the button dynamically when one of the dropDown is clicked. How do I close the drop down programatically? We need this asap and the document is not clear on how to achieve this. 

Regards.

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 05 Feb 2021
2 answers
499 views

Hi,

I need to be able to enable/disable dynamically. This is easy when there is a paren child relationship. I can use ViewChild to get access to the disabled variable of the child and that works.

     Example: MySplitButton component have a method to set the flag to true or false

                      setButtonStatus(flag : boolean){
                                  this.isButtonDisabled = flag }

In parent I can access the child and call the method.

 @ViewChild(MySplitButton) splitComponent : MySplitButton;

                     this.splitComponent.setButtonStatus(true);

 

When the MySplitButton component is not the direct child, how do I set access to the this component from lets say grand parent component?

Regards,

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 05 Feb 2021
0 answers
354 views

I would like to format the numerical value of the labels and the tooltip with the Italian monetary value, with 2 decimal digits separated by commas and the thousands separated by a point.
something like this:

125.500,45 €

<kendo-chart
            renderAs="canvas"
            [pannable]="{ lock: 'y' }"
            [zoomable]="{ mousewheel: { lock: 'y' } }"
            (seriesClick)="onSeriesClick($event)">
        <kendo-chart-series>
          <kendo-chart-series-item
                  type="pie"
                  [data]="datasource"
                  field="valTot"
                  categoryField="category" [overlay]="{gradient: 'roundedBevel'}">
                 <kendo-chart-series-item-labels
                     [format]="'c2'"
                     color="#000000" background="none">
                 </kendo-chart-series-item-labels>
            <kendo-chart-series-item-tooltip>
           <ng-template let-value="value" let-category="category" let-series="series" let-dataItem="dataItem">
                <div>{{category}}: {{value.toLocaleString('it-IT', {minimumFractionDigits: 2, maximumFractionDigits: 2})}} €</div>
                   </ng-template>
           </kendo-chart-series-item-tooltip>
        </kendo-chart-series-item>
      </kendo-chart-series>
 </kendo-chart>
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 05 Feb 2021
2 answers
188 views

The Multiselect box does not show selected item if the id is 0.

See stackblitz https://stackblitz.com/edit/angular-kpxq67?file=app/app.component.ts.

Is this by design?

 

Thanks,

Paul

schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 04 Feb 2021
0 answers
76 views

Hello,
I have a pie chart that takes data from the backend in which a query to db is made.
the back end is written in python.
in the front end through angular I recover the response of the call and assign it to the pie datasource.
unfortunately the amount of data is very large and the graph is not constructed correctly.
how can I solve this problem?
can I put at least one default zoom to the chart?

this.myService.getPieChart(name, date1, date2).subscribe(data => {
 
    this.dataSourcePieChart= data;
},
(err) => {console.log("error");});

best regard,

alex

alex
Top achievements
Rank 1
Iron
Veteran
 asked on 04 Feb 2021
1 answer
758 views

 

Hi,

I have a grid that fetches paged data from a remote data source. I have implemented a new directive, remoteGridDataBinding , that extends the GridDataBindingDirective to handle this and it works great. This directive implements the fetchRemoteData function which encapsulates all the logic required to retrieve the data from my remote service. 

<kendo-grid remoteGridDataBinding dataQuery="dataQuery"...

 

I'm now looking to implement the Export to Excel functionality. I understand that I can use the fetchData binding on the kendo-grid-excel component. I can then pass this an observable containing all the data. 

<kendo-grid-excel [fileName]="export.fileName" [fetchData]="getAllData"></kendo-grid-excel>

 

Is there anyway my getAllData function can make use of the fetchRemoteData function within my new databinding directive? 

Otherwise I would need to implement the logic for retrieving the grid's data twice. This may not seem like too much overhead initially but our application has a number of grids that would need to implement this functionality. It would be a cleaner if we could implement the remote data source call once (within a reusable directive), and then reuse this logic when I need to fetch all the grid's data before an export to excel.

 

Thanks,

Daniel

Svet
Telerik team
 answered on 04 Feb 2021
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?