Is it possible to add on click handlers to the chart data series and in the click event args get access to the data point that was clicked?
I'd like to be able to add some 'drill-down' functionality in order to display further more detailed info after the user clicks on a particular data point in the chart, e.g. a specific pie segment for bar/column etc?
We have a few people doing testing and have discovered that when using Chrome and using various ad blocking extensions that it causes the windows not to open.
Have you experienced this and have a work around?
Clicking a command button on my grid and running the code the handler contains causes all command buttons in that row to disappear. Refreshing the page makes them reappear.
Perhaps I am not using it correctly.
<TelerikGridCommandButton Command="Edit" OnClick="@OpenRequestEditWindow" Icon="edit">Edit</TelerikGridCommandButton>
<TelerikGridCommandButton Command="Delete" OnClick="@DeleteRequestItem" Icon="delete">Delete</TelerikGridCommandButton>
Clicking the "Edit" button opens a window with controls on it. User edits the values in the controls and has a save button
<TelerikButton Icon="save" OnClick="@UpdateRequest">Save Purchase Request</TelerikButton><br /><br />
This event simply writes to the database and then rebinds the grid data.
var grid = await service.GetRequests();
RequestAddGrid = grid.ToList();
Scenario:
I have a window that I am using to edit values, has textboxes, the dropdown, and other controls.
Window is opened, textbox loads with the bound value, lets say value = 100.
Change the textbox to say maybe 101.
Select a new dropdown option.
After the dropdown selection is chosen and it's new value binds, it resets the other controls to the original value, so the 101 is back to 100.
I am getting the following exception when I load a page with the DateInput widget on it:
Microsoft.AspNetCore.Components.Server.ComponentHub: Warning: Unhandled Server-Side exception
Microsoft.JSInterop.JSException: this.element.addEventListener is not a function
TypeError: this.element.addEventListener is not a function
at t.value (https://kendo.cdn.telerik.com/blazor/1.0.0/telerik-blazor.min.js:1:3367)
at new t (https://kendo.cdn.telerik.com/blazor/1.0.0/telerik-blazor.min.js:1:2735)
at initialize (https://kendo.cdn.telerik.com/blazor/1.0.0/telerik-blazor.min.js:1:2169)
at https://localhost:44329/_framework/blazor.server.js:8:21434
at new Promise (<anonymous>)
at e.beginInvokeJSFromDotNet (https://localhost:44329/_framework/blazor.server.js:8:21403)
at https://localhost:44329/_framework/blazor.server.js:1:16653
at Array.forEach (<anonymous>)
at e.invokeClientMethod (https://localhost:44329/_framework/blazor.server.js:1:16624)
at e.processIncomingData (https://localhost:44329/_framework/blazor.server.js:1:14624)
at Telerik.Blazor.Components.DateInput.TelerikDateInputBase`1.OnAfterRender()
at System.Threading.Tasks.Task.<>c.<ThrowAsync>b__139_0(Object state)
at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext.ExecuteSynchronously(TaskCompletionSource`1 completion, SendOrPostCallback d, Object state)
at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext.<>c.<.cctor>b__23_0(Object state)
at System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext, ContextCallback callback, Object state)
--- End of stack trace from previous location where exception was thrown ---
at System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext, ContextCallback callback, Object state)
at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext.ExecuteBackground(WorkItem item)
Here is a simple example page taken and simplified from the demo source code that reproduces the problem:
@page "/Tests"
@using Telerik.Blazor.Components.DateInput
<strong> Hire Date</strong>
<TelerikDateInput @bind-Value="HireDate" Format="MMMM/dd/yyyy"></TelerikDateInput>
@code {
DateTime HireDate = new DateTime(2018, 5, 6);
}
I tried it with an ampersand in front of HireDate as it was in the demo code sample like so and got the same results:
<TelerikDateInput @bind-Value="@HireDate" Format="MMMM/dd/yyyy"></TelerikDateInput>
Thanks,
Kenny
The date picker works fine on my machine debugging in VS but moving it out to a server I get an error.
It fails when I click a date.
From fiddler:
DELETE http://app2/purchaserequests/_blazor?id=FHxqj9eUdV72Ogv7Nz_OEg HTTP/1.1
Origin: http://app2
Referer: http://app2/purchaserequests
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763
Cache-Control: max-age=0
Accept: */*
Accept-Language: en-US,en;q=0.5
Content-Type: text/plain;charset=UTF-8
X-Requested-With: XMLHttpRequest
Accept-Encoding: gzip, deflate
Content-Length: 0
Host: app2
Connection: Keep-Alive
Pragma: no-cache
Authorization: Negotiate YIIGqwYGKwYBBQUCoIIGnzCCBpugMDAuBgkqhkiC9xIBAgIGCSqGSIb3EgECAgYKKwYBBAGCNwICHgYKKwYBBAGCNwICCqKCBmUEggZhYIIGXQYJKoZIhvcSAQICAQBuggZMMIIGSKADAgEFoQMCAQ6iBwMFACAAAACjggSaYYIEljCCBJKgAwIBBaEQGw5OUkdTWVNURU1TLklOQ6IXMBWgAwIBAqEOMAwbBEhUVFAbBGFwcDKjggReMIIEWqADAgESoQMCATKiggRMBIIESDaAgCIPU5pwlAqbtuKJi6cKIYQi6RENH0nqdRQKfHkqZt
**************************************************************************************************************************************************************************************
The response:
HTTP/1.1 404 Not Found
Transfer-Encoding: chunked
Content-Type: text/plain
Server: Microsoft-IIS/8.5
Persistent-Auth: true
X-Powered-By: ASP.NET
WWW-Authenticate: Negotiate oYG2MIGzoAMKAQChCwYJKoZIgvcSAQICooGeBIGbYIGYBgkqhkiG9xIBAgICAG+BiDCBhaADAgEFoQMCAQ+ieTB3oAMCARKicARuwTmW8q4q9F/fdoaK2/PDruGCkdkI7pOEjkefMGWNE36IZgNAIO+ECmKhZPsMUdi4SedW9NPcpRcyWbO/IKn52HOhDPYUkcCGmxVbMPW006UvpzDPa2/HKJJxO7JDuw0+b8Yi6bIibjNVbxvL/AM=
Date: Tue, 18 Jun 2019 01:19:11 GMT
1a
No Connection with that ID
0
I have been playing around with the pie chart example within the documentation. I have my chart within a card view and I noticed there is a position property on both the Title and Legend of the chart but not for the Chart or SeriesItems.
I was wondering if it is possible to set the position of the chart within the HTML or if this is something that is going to be added later?
Thanks,
Cameron
I made a ticket on this but thought I would post here as well.
It appears there is an issue with the latest Telerik Blazor version when it comes to adding new grid items.
I can't get it to work in my project and can't get it to work in your demo either.
https://demos.telerik.com/blazor-ui/grid/editing-inline
Click add new employee.
Fill the info boxes.
View the added row. The Name field is empty.
I stepped through the code in my project and the parameter from the field is always null.