Hi,
hopefully, someone reads my finding.
I already posted the issue in ASP.NET Core forum.
https://www.telerik.com/forums/bug-drag-drop-in-grid-within-tabstrip-not-working
However, I like to repost it here.
Problem description:
When inside a tabstrip the grid loses the ability to reorder rows.
Example
See dojo: https://dojo.telerik.com/UcEJiSaj
Screenshot
it's impossible to drop the dragged row
so I have JS code . In UI I have two radio buttons like communities and badges . When I clicked on Badges then kendo.data.DataSource transport.Read() method is calling two time but read method should call one time . how can I stop read method for multiple calling. Here I am sharing my code . Can you modify this code by which we can call read method at one time not multiple time
getData = function () {01.
@(Html.Kendo().Grid(Model)
02.
.Name("ResultList")
03.
.HtmlAttributes(new { style = "font-size:.8em; height:auto;" })
04.
.Columns(columns =>
05.
{
06.
07.
columns.Bound(p => p.ReportID).Width("100px")
08.
.Filterable(filter => filter.Operators(o => o
09.
.ForString(str => str
10.
.Clear()
11.
.Contains("Contains")
12.
.DoesNotContain("Does Not Contain")
13.
.StartsWith("Starts With")
14.
.EndsWith("Ends With")
15.
.IsEqualTo("Equal To")
16.
.IsNotEqualTo("Not Equal To")
17.
)));
18.
19.
columns.Bound(p => p.ClientReportName).Width("100px")
20.
.Filterable(filter => filter.Operators(o => o
21.
.ForString(str => str
22.
.Clear()
23.
.Contains("Contains")
24.
.DoesNotContain("Does Not Contain")
25.
.StartsWith("Starts With")
26.
.EndsWith("Ends With")
27.
.IsEqualTo("Equal To")
28.
.IsNotEqualTo("Not Equal To")
29.
)));
30.
31.
columns.Bound(p => p.ReportClassDescription).Width("100px")
32.
.Filterable(filter => filter.Operators(o => o
33.
.ForString(str => str
34.
.Clear()
35.
.Contains("Contains")
36.
.DoesNotContain("Does Not Contain")
37.
.StartsWith("Starts With")
38.
.EndsWith("Ends With")
39.
.IsEqualTo("Equal To")
40.
.IsNotEqualTo("Not Equal To")
41.
)));
42.
43.
columns.Bound(p => p.ReportTypeDescription).Width("100px")
44.
.Filterable(filter => filter.Operators(o => o
45.
.ForString(str => str
46.
.Clear()
47.
.Contains("Contains")
48.
.DoesNotContain("Does Not Contain")
49.
.StartsWith("Starts With")
50.
.EndsWith("Ends With")
51.
.IsEqualTo("Equal To")
52.
.IsNotEqualTo("Not Equal To")
53.
)));
54.
})
55.
.Pageable(page => page.Refresh(true).Input(true))
56.
.Scrollable()
57.
.Groupable()
58.
.Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
59.
.Filterable()
60.
.DataSource(dataSource => dataSource
61.
.Ajax()
62.
.Read(read => read.Action("QueueSearch_Read", "Queue"))
63.
.PageSize(100)
64.
.ServerOperation(true)
65.
)
66.
.Resizable(resize => resize.Columns(true))
67.
.Reorderable(reorder => reorder.Columns(true))
68.
)
I have a kendoGrid with filterable columns using jQuery. Let's say I have a column named Title. When I click on filter icon besides the column name a dropdown occurs that has "Filter" ption and on hovering over "Filter" option a new dropdown containing all the values from the columns is opened. I want this newly opened dropdown to the left always. How can I do so ?
$('#grid').data("kendoGrid");
if (grid != undefined || grid != null)
$('#grid').empty();
var grid = $("#grid").kendoGrid({
dataSource: DataSource,
schema: {
data: function (response) {
return response;
}
},
},
sortable: true,
filterable: true,
columnMenu: true,
reorderable: true,
resizable: true,
multi: true,
selectable: true,
dataBinding: function () {
record = (this.dataSource.page() - 1) * this.dataSource.pageSize();
},
noRecords: true,
messages: {
noRecords: "No records found"
},
pageable: {
pageSize: 5,
input: true
},
columns: [
{
title: "Sr. No.",
template: "#= ++record #",
width: 70
},
{
field: "Title", title: 'Title',
width: "25%",
attributes: {
style: 'white-space: nowrap;'
},
filterable: {
multi: true,
extra: false,
search: true,
operators: {
string: {
eq: "Is equal to",
neq: "Is not equal to",
contains: "Contains"
}
}
}
},
{
command: [
{ name: "edit1", text: "", iconClass: "k-icon k-i-eye", className: "ob-view" }],
title: "Action", lock: true, width: 80, headerAttributes: {
style: "text-align: center;"
}
}
]
});
}
Hi all,
I'm currently having a problem to try to change the focus one cell up/down using the key arrows when the focus is on a DatePicker component and it is located inside a Grid. The current behavior is that the focus is on the DatePicker and the up/down arrows change the segment value of the date. (It only changes the day, month or years).
Can you please give an idea how to override this kendo behavior?
Additionally, can you share with me more information about the keyboard navigation inside the DatePickers components?
I read this information DatePicker Component - Keyboard Navigation | Kendo UI for Angular (telerik.com) but it doesn't mention anything about the behavior pressing just the up/down arrows without opening the calendar component.
Thank you in advance.
I have a DropDownTree on my site. When the text of the item is too long to fit I am seeing a horizontal scrollbar and the gray colored background does not expand. I don't want auto width as that makes the container grow larger than the input control is. How can I instead have it wrap?
I have a kendo dropdown tree with a selected value that was there on initialization. When the user clicks on the dropdown for the first time, I want the list to auto expand the selected node so the user can see it the child item. How do I do this?
Similarly, I would like the user to be able to click on a parent node and, instead of selecting the parent node, since that isn't allowed in my case, it should just expand so they can see the children.
Hi support team.
how to get the row data? the following is currently not working..
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "id" },
{ field: "name" },
{ command: [
{
// for click to work when there is template, add class "k-grid-[command.name]" to some element, otherwise the click handler will not be triggered
name: "settings",
template: "#= data.id # text in the command column <a class='k-button k-grid-settings'><span class='k-icon k-i-settings'></span>Settings</a>",
click(e){
kendo.alert("how to")
}
}
]
}
],
dataSource: [{ id: 1, name: "Jane Doe", bib: 1 }, { id: 2, name: "Jane Doe 2", bib: 1 }]
});
</script>
</body>
</html>