I'm using the code as below to show the window popup
public showValuationReport(dataItem) {
document.body.style.overflow = "hidden";
this.bgOverlayOpened = true;
const windowRef = this.windowService.open({
title: 'Valuation Report',
content: PaperworkViewerComponent
});
const window: PaperworkViewerComponent = windowRef.content.instance;
const reportOptions = {
reportType: '',
reportName: 'VehicleInfoSheet',
stockId: dataItem.stockId,
branchId: dataItem.branchId,
}
window.reportOptions = reportOptions;
windowRef.result.subscribe(result => {
if (result instanceof WindowCloseResult) {
this.bgOverlayOpened = false;
document.body.style.overflow = "";
} else { }
})
}
I was disable the scrolling after open the window
But still got that bug if user tick outside the window the back to drag them
Và vấn đề là
I'm currently using the jQuery DropDownTree since this component is not yet available in the Kendo Angular library. However, I need to create multiple DropDownTree components dynamically in an *ngFor loop in the template. I'm not sure how to do that since initializing a DropDownTree requires you to explicitly specify the element that will host it. Is this possible with DropDownTree?
I had originally created a support ticket for this but was told to ask here instead.
I combined a grid and a chart on an html page and tried to export to PDF. When I try to export, the legend overlaps. Here's the plunker: https://plnkr.co/edit/Dpg3ZbTBPMuiKi0BFPBP?p=preview
I'm looking to acquire a UI library for an Angular desktop web browser project, and I'm trying to confirm whether Kendo UI supports border layouts/ Can anybody confirm this?
By 'border I may the NORTH-CENTER-SOUTH or WEST-CENTER-EAST layout of panels to contain other components, where the 'CENTER' panel will dynamically resize to take up the available space
My dates are held as UTC in my database.
I get my dates from the server, which are returned in moment format and therefore need to be case to javascript. So far so good.
).subscribe((data) => {
data.data.forEach((d) => {
d.clientCreatedDatetime =
new
Date(d.clientCreatedDatetime);
d.creationTime =
new
Date(d.creationTime);
});
My grid is declared in the component ts file, here is the declaration for a datetime column:
{
field:
'clientCreatedDatetime'
,
title:
this
.l(
'ClientCreatedDatetime'
),
_width: 100,
minResizableWidth: 100,
filter:
'date'
,
filterable:
true
,
hidden:
false
,
columnMenu:
true
,
format:
'{0:dd/MM HH:mm}'
}
I want to get all items since midnight yesterday so I set my grid filter:
setGridSettings(): GridSettings {
let midnightYesterday =
new
Date(moment().subtract(1,
'days'
).startOf(
'day'
).utc().toString());
return
{
state: {
skip: 0,
take: 500,
// Initial filter descriptor
filter: {
logic:
'and'
,
filters: [{ field:
'clientCreatedDatetime'
, operator:
'gte'
, value: midnightYesterday }]
},
group: [{ field:
'ncAction'
, aggregates:
this
.aggregates }],
sort: []
},
My grid shows the date filter perfectly: 18/05 00:00
I hit the filter button and expect the date to be passed to the server using utc which would be 17/05 23:00.
However, the value for the filter in the datasource request (I am using C# MVC) has not been converted to UTC.
I think, ok I will put in a filter extension and offset with the server timezone (which is not ideal):
private
DateTime? GetFrom(IList<IFilterDescriptor> filters,
string
descriptorMember)
{
if
(filters.Any())
{
foreach
(var filter
in
filters)
{
var descriptor = filter
as
FilterDescriptor;
if
(descriptor !=
null
&& descriptor.Member == descriptorMember
&& (descriptor.Operator.ToString() ==
"IsGreaterThanOrEqualTo"
|| descriptor.Operator.ToString() ==
"IsGreaterThan"
))
{
return
DateTimeOffset.Parse(descriptor.Value.ToString()).UtcDateTime;
}
else
if
(filter
is
CompositeFilterDescriptor)
{
GetFrom(((CompositeFilterDescriptor)filter).FilterDescriptors, descriptorMember);
}
}
}
return
null
;
}
This gets me the correct data from the server but when it is returned to the client the filter is reapplied and misses the first hour's worther of data.
How do I apply a filter in utc - the server should receive the filtered date in utc, the client should display the date in local time.
Hi.
I'm using pie chart. Is there any way to display chart tooltip (kendo-chart-series-item-tooltip) when mouse hovers on legend-item? It must be like on the image.
And it would be great if legend would show categoryField and field value, is it possible?
Thank you.
I have a kendo-upload component which is disabled in certain cases.
I have a kendo-uploaddropzone component which is visually not disabled when the kendo-upload component is disabled.
The user can not upload a file by dropping it into the dropzone while the upload component is disabled, so functionally it works perfectly.
I would expect that when the upload component is disabled the uploaddropzone is also disabled visually, so it has similar opacity like the upload component, and the icon color is not changed to primary color when user tries to drop a file.
Maybe also a specific cursor can be shown, so the user sees that the uploaddropzone is disabled when he tries to drop a file.
I did create a Stackblitz to demonstrate the issue:
https://stackblitz.com/edit/angular-qo8pns
Is there a possibility to set the uploaddropzone disabled manually? I did not found anything in the uploaddropzone component's documentation.
Personally I would prefer the behaviour I described at the top.
How do I go about using a Host Listener for a kendo-dialog? My team and I haven't had enough time to sit down and talk through this, and we've been busy with other things and pushing this aside. However, it has resurfaced, and this time it should probably get figured out.
I have a kendomultiselect with grouping enabled.And selection of all elements on clicking on a group is possible too.
My multiselect behaviour is as below,
When I select an element the item wil be removed from the datsource.when I select a group all elements under the group will be removed from data source.this is working fine.
But after removing the elements,I want to maintain the scroll position to the next element and key down/up events shoudk start from taht which is not working as expected.its always starting from first.
How can I acheive this behaviour..
Please help me out