Hi !
hello. Below is a simple test page.
https://dojo.telerik.com/eSAqaXuw/2
A counter for kendosplitter resize event and a counter for splitbar's dragenter event.
It should be resize cnt = dragenter + 1.
But, the more you go on, the more you go on, the more time goes by.
The gap widens. The difference increases.
Is there any way to strengthen dragenter's recognition?
How can dragenter events always be recognized?
Why isn't the dragenter event recognized properly?
I am very worried about this issue.
Thank you for reading.
We have an existing Kendo Grid inside a Bootstrap Collapse. We are attempted to enable the Drag & Drop functionality on it. If the Collapse starts out visible, it works as expected; if the Collapse starts out collapsed, drag-and-drop does not work. You can drag, but you can't drop.
I attempted to swap out the Bootstrap Collapse for a Kendo ExpansionPanel, but it suffered the same issues: it works if pre-expanded, and not if pre-collapsed.
I don't see this noted in the known limitations. Is there anything we're doing incorrectly, or is this a bug?
Good day,
When I'm dragging a row, if I hover over the insert indicator on the left of the grid it causes the tooltip (and sometimes the whole row) to flicker/flash, Ive noticed this issue exists on the tutorial page too, is there a work around for this?
The tutorial I used: https://demos.telerik.com/kendo-ui/grid/drag-drop
Kind regards
Chris
Hi,
There are question as below, I could not provide a code snippet because for editing require an API which are not available as development is in progress
transport: {
read: {
url: crudServiceBaseUrl ,
dataType: "json"
},
create: {
url: crudServiceBaseUrl + "/add",
dataType: "json"
},
update: {
url: crudServiceBaseUrl + "/update",
dataType: "json"
},
destroy: {
url: crudServiceBaseUrl + "/delete",
dataType: "json"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
{"Project":"e81af126-13cd-40c4-951b-9611fa85f39c","ID":"fc980fda-40c5-4fda-b97d-dfc0aced6a10","Description":"123123","WBSType":1,"SequenceNumber":0,"Parent":null,"BudgetSalesAmountDC":0.0,"BudgetCostsAmountDC":0.0,"Quantity":10.0,"WBSIcon":"","ReportsTo":null,"WBSRunningNumber":0,"hasChildren":false}
Hi,
On the roadmap page there is a "Dock Manager Component" listed, but I don't see any information on this anywhere.
Anyone have more information or an ETA on this?
Thanks
Christopher
Hi,
Reordering rows using the draggable column might seem a bit buggy, as you have to move the cursor to the right before dropping to reorder the rows successfully, as can be seen in the following example https://dojo.telerik.com/ipOyacoH . It would be nice if dragging and dropping directly above and below (inside the draggable column) would work without moving the cursor to the right, but I can't seem to make this work. Could somebody please help me with this?
Thanks in advance!
I am successfully using the drag and drop feature in an editable grid. The grid is using batch update, so after a row is moved, I need to somehow notify the user they need to click the save option in my toolbar.
Modifying any cell data automatically flags the cell as dirty, but drag drop does not. Ideally, I would like the red dirty flag to show up in the draggable cell, so not to be confused with a data change to that row.
I know there is a rowReorder event I can leverage, however so far I'm struggling to manually flag the cell as dirty. I've tried getting the item by Uid and setting item.dirty = true, but this isn't adding the visual cue.
Here is my grid definition:$('#grid').kendoGrid({
dataSource: dataSource,
columns: [
{draggable: true, width: '45px' },
{command: ['destroy'], title: 'Action', width: 100 },
{field: 'Field', title: 'Field', width: 125 },
{field: 'Required', title: 'Required', width: 90 },
{field: 'Type', title: 'Type', width: 100 },
{field: 'Length', title: 'Length', width: 100 },
{field: 'Allow_Multiple', title: 'Allow Multiple', width: 125 },
{field: 'Description', title: 'Description' },
{field: 'Example', title: 'Example' },
{field: 'Notes', title: 'Notes' },
],
toolbar: [
'create',
'save',
'cancel',
{
template: '<a id="preNotesButton" class="k-button k-button-md k-button-rectangle k-rounded-md k-button-solid k-button-solid-base"><span class="glyphicon glyphicon-list-alt"></span> Edit notes</a>'
},
{
template: '<a id="exitButton" class="k-button k-button-md k-button-rectangle k-rounded-md k-button-solid k-button-solid-base" style="float: right;"><span class="glyphicon glyphicon-arrow-left"></span> Exit</a>'
}
],
editable: {
'mode': 'incell',
'confirmation': 'Are you sure you want to delete this item?',
'createAt': 'bottom',
},
navigatable: true,
reorderable: {
rows: true
},
rowReorder: function(e) {
// How can I flag the draggable cell as dirty?
uid = e.row[0].dataset.uid;
dataSource = $('#grid').data('kendoGrid').dataSource;
item = dataSource.getByUid(uid);
item.dirty = true;
console.log(item);
}
});
Hello,
I'm new here and I'm trying to figure out how can I drag and drop from a Grid to a TreeView
I found this example http://dojo.telerik.com/eWIgu/2
It's something like this what I want to do, but in the example I can't put an element in a certain node of the TreeView, I just add elements to the data source. So how can I do that? I need your help
PS. I also want to do this with a listbox instead of a grid. That's possible?