Hi,
I updated my project to Kendo UI for jQuery 2020.3.1021 but then all grids stop working on mobile or tablet devices. When downgrading to 2020.3.930 grid works fine.
I have tested on iPad,iPad Pro, Samsung S10.
Easiest way to reproduce the error is to open the demo page here: https://demos.telerik.com/kendo-ui/grid/index in Chrome on a pc and emulate an iPad for ex. Or load that
In the browser console you can see the javascript error: "Cannot read property 'rows' of null".
Hello!
I want to display initial list of files, but I don't want to use 'async' mode.
As I see in the docs, this feature works well in async mode https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/configuration/files
But it doesn't work without 'async' setting https://dojo.telerik.com/UVOmAtIM
Is it bug or not?
Thanks!
Hi Admin, I would like to use the dplProcessing for Kendo PDF Viewer, and the requirements there mentioned Telerik.Web.PDF is needed. But i can't find it even I download the latest trial pack. May I know where can I get it?
Reference: https://docs.telerik.com/kendo-ui/controls/PDF/PDFViewer/dpl-processing
Hi Telerik admin !
When i using Kendo UI for jQuery with Kendo grid object. I have a problem :
Open page have kendo grid in browser PC. It work verry good.
But when open by browser Mobile, content in kendo grid be hidden.
Please help me to show grid on Mobile is fully as in PC.
Tks verry much !
( picture in PC and Moblie in attachment file )
Hi,
When I use a kendo grid column menu with a column.command property, it seems to override the columnMenu,
As a test case, https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columnmenu
if you put a command in it, you will not see the column menu (3 dotted symbol) in the column header.
Is this how it is intended because I couldn't find any documentation on the situation.
If so, what are your recommendation if I want to use the column menu and also have some custom functions for the column using command property
For example:
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name", command: { name: "cmdName", click: function (e) { }} },
{ field: "age" }
],
columnMenu: true,
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
]
});
</script>
I'm beginner, so be gentle. Working with the demos to get a basic grid working on my localhost, but the json file is not reading correctly into the grid. The grid is built, but nothing. Help!!
<%@ page contentType="text/html; charset=iso-8859-1"
language="java"
isThreadSafe="true"
session="true"
isELIgnored="false" %>
<!DOCTYPE HTML>
<html>
<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content=no-cache http-equiv="Pragma">
<meta content=no-store http-equiv="Pragma">
<meta content=-1 http-equiv="Expires">
<script src="<%= request.getContextPath()%>/kendojs/jquery.min.js"></script>
<link href="<%= request.getContextPath()%>/kendocss/kendo.common.min.css" rel="stylesheet" type="text/css">
<link href="<%= request.getContextPath()%>/kendocss/kendo.default.min.css" rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/kendojs/kendo.all.min.js"></script>
<title>Kendo Grid</title>
</head>
<body>
<b>Kendo Grid</b>
<div>
<kendo:grid name="grid" groupable="true" sortable="true" style="height:550px;">
<kendo:grid-pageable refresh="true" pageSizes="true" buttonCount="20">
</kendo:grid-pageable>
<kendo:grid-columns>
<kendo:grid-column title="City" field="City" width="150"
template="<div class='customer-photo' style='background-image: url(../resources/web/Customers/#:data.customerId#.jpg);'></div><div class='customer-name'>#: contactName #</div>">
</kendo:grid-column>
<kendo:grid-column title="Country" field="Country" width="150" />
<kendo:grid-column title="Country ISO3" field="Country_ISO3" width="100" />
<kendo:grid-column title="Pop. 1950" field="Pop1950" width = "100" />
<kendo:grid-column title="Pop. 1955" field="Pop1955" width = "100" />
<kendo:grid-column title="Pop. 1960" field="Pop1960" width = "100" />
<kendo:grid-column title="Pop. 1965" field="Pop1965" width = "100" />
<kendo:grid-column title="Pop. 1970" field="Pop1970" width = "100" />
<kendo:grid-column title="Pop. 1975" field="Pop1975" width = "100" />
<kendo:grid-column title="Pop. 1980" field="Pop1980" width = "100" />
<kendo:grid-column title="Pop. 1985" field="Pop1985" width = "100" />
<kendo:grid-column title="Pop. 1990" field="Pop1990" width = "100" />
<kendo:grid-column title="Pop. 1995" field="Pop1995" width = "100" />
<kendo:grid-column title="Pop. 2000" field="Pop2000" width = "100" />
<kendo:grid-column title="Pop. 2005" field="Pop2005" width = "100" />
<kendo:grid-column title="Pop. 2010" field="Pop2010" width = "100" />
<kendo:grid-column title="Pop. 2015" field="Pop2015" width = "100" />
<kendo:grid-column title="Pop. 2020" field="Pop2020" width = "100" />
<kendo:grid-column title="Pop. 2025" field="Pop2025" width = "100" />
<kendo:grid-column title="Pop. 2050" field="Pop2050" width = "100" />
<kendo:grid-column title="Location" field="Location" width = "100" />
</kendo:grid-columns>
<kendo:dataSource pageSize="10">
<kendo:dataSource-transport>
<kendo:dataSource-transport-read url="http://localhost:8080/KendoGrid/urban-areas.json" dataType = "json"/>
</kendo:dataSource-transport>
<kendo:dataSource-schema>
<kendo:dataSource-schema-model>
<kendo:dataSource-schema-model-fields>
<kendo:dataSource-schema-model-field name="City" type="string" />
<kendo:dataSource-schema-model-field name="Country" type="string" />
<kendo:dataSource-schema-model-field name="Country_ISO3" type="string" />
<kendo:dataSource-schema-model-field name="Pop1950" type="number" />
<kendo:dataSource-schema-model-field name="Pop1955" type="number" />
<kendo:dataSource-schema-model-field name="Pop1960" type="number" />
<kendo:dataSource-schema-model-field name="Pop1965" type="number" />
<kendo:dataSource-schema-model-field name="Pop1970" type="number" />
<kendo:dataSource-schema-model-field name="Pop1975" type="number" />
<kendo:dataSource-schema-model-field name="Pop1980" type="number" />
<kendo:dataSource-schema-model-field name="Pop1985" type="number" />
<kendo:dataSource-schema-model-field name="Pop1990" type="number" />
<kendo:dataSource-schema-model-field name="Pop1995" type="number" />
<kendo:dataSource-schema-model-field name="Pop2000" type="number" />
<kendo:dataSource-schema-model-field name="Pop2005" type="number" />
<kendo:dataSource-schema-model-field name="Pop2010" type="number" />
<kendo:dataSource-schema-model-field name="Pop2015" type="number" />
<kendo:dataSource-schema-model-field name="Pop2020" type="number" />
<kendo:dataSource-schema-model-field name="Pop2025" type="number" />
<kendo:dataSource-schema-model-field name="Pop2050" type="number" />
<kendo:dataSource-schema-model-field name="Location" type="string" />
</kendo:dataSource-schema-model-fields>
</kendo:dataSource-schema-model>
</kendo:dataSource-schema>
</kendo:dataSource>
</kendo:grid>
</div>
</body>
<style type="text/css">
.customer-photo {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-size: 32px 35px;
background-position: center center;
vertical-align: middle;
line-height: 32px;
box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
margin-left: 5px;
}
.customer-name {
display: inline-block;
vertical-align: middle;
line-height: 32px;
padding-left: 3px;
}
</style>
</html>
Hi, Dev Team!
How get address by click at anything at map? (coordinates, country, city, street and house number).
Please, give some simple sample.
url : https://dojo.telerik.com/@kjvjung/afUwuZah
Freight must be number
so good : Freight: { type: "number" }
but, I just want the Freight in tr.k-filter-row to be autocomplete, not numerictextbox.
How???
thank you.
I have a datepicker as part of a form. But while I can change the shown text manually, via the calender or through javascript, the internal value of the element seems to stay the same and I'm not sure what I'm doing wrong here:
In the cshtml:
<
input
asp-for
=
"ViewModel.Start"
style
=
"width: 8rem"
class
=
"order-field"
>
in the js:
const startDatepicker = $(
"#ViewModel_Start"
).kendoDatePicker({
focus: () => {
setItem(
this
.getAttribute(
'id'
),
this
.value())
},
change: onChange,
});
When I inspect the element in my browser, "value" is still set to what it was initialised with from the binding despite showing an other date.So this.value() always returns the initial value, not the shown value.
When I save the form though, the value on screen is saved.