I've implemented a DropDownList in a custom editor for a Grid column as follows.
$("#control").kendoGrid({
dataSource: controlDs,
editable: true,
saveChanges: function (e) {
if (!confirm("Are you sure you wish to save changes?")) {
e.preventDefault();
}
},
toolbar: ["save","cancel"],
sortable: true,
columns: [
{
title: "Artifacts",
headerAttributes: {
style: "font-size: 10pt; font-weight: 600; text-align: center;"
},
columns: [
{
field: "family",
editor: customDropDownEditor,
headerAttributes: {
style: "font-size: 10pt; font-weight: 600;"
},
title: "Family",
width: 120
},
{
field: "artifact",
editable: function (dataItem) {
return false;
},
headerAttributes: {
style: "font-size: 10pt; font-weight: 600;"
},
title: "Artifact",
template: '<a href="#=artifact#" target="_blank">#=title#</a>'
}
]
}
]
});
function customDropDownEditor(container, options) {
$('<input required name="' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
autoBind: false,
dataSource: ["one", "two", "three", "four"]
});
}
This works perfectly. Now, how do I attach a ToolTip widget to the items in this DropDownList?
Thanks in advance.

I am wondering if it is possible to group resources vertically that are not part of the scheduler resources...
I saw that I can specify 'group: {orientation: 'vertical', resources: ['OwnerName']}' in my timeline view that I want this displayed this way in, which utilizes the 'text' field of all the javascript objects in my resource named 'OwnerName', which is the resource list that is set to my scheduler resources option.
However, my scheduler resources have items that I don't want shown on my timeline grouping (like groups and various rooms). I only want the users from the list, so tried creating a new resource item and setting my group:{resources: newResource} but nothing happened.
How can I apply vertical grouping of resources, but use a custom resource item that is not the resources of the scheduler?

When the user clicks in a certain column, we make it into a dropdown (using range.validation(String here). We have to do this because there are over 10,000 rows and adding different validations to each takes too long.
However - we also have an onchange method, which fires when this dropdown (validation) is added as technically the cell value has changed (from the original value, to the new value which is the same as the original, but part of a validation). Is there any way to stop this event firing? Thanks!
Hello,
I'm displaying start and end dates in the RangeBar chart.
I'm setting min and max range in the valueAxis as seen here:
valueAxis: { min: new Date("2017/04/06 07:00").getTime(), max: new Date("2017/04/06 17:00").getTime(), majorUnit: 60 * 60 * 1000, // 60 minutes in milliseconds labels: { template: "#= kendo.toString(new Date(value), 'HH:mm') #" } },
The problem I'm having is getTime() is returning the number of milliseconds since Epoch off by 4 hours.
In the example above, GetTime() returns 1491476400000, or "2017/04/06 11:00" instead of "2017/04/06 07:00"
The label is displaying 07:00.
I'm assuming this is some kind of UTC issue? I live in the EDT timezone which is UTC-4 hours.
How do I need to do to have getTime() return the proper milliseconds?
Regards,
David
Hi,
I am currently using Kendo UI Professional 2017.1.223 release scripts in a project which is already havind some more references. I am coming across an error
"Object doesn't support property or method 'delayedClick' " in kendo.all.min.js.
Please guide me in resolving this issue.
Thanks in advance.
Hello,
I'm trying to implement a Kendo grid where two cells update each other when changed. I know I could use a calculated column if only one cell was editable and the other was calculated but I'm lost trying to let them both update each other.
I know I could do this with a custom Javascript class and get/set methods, where the set for one updates the other, and vice versa.
For Example, say I want a grid of product prices like so:
SKU Price Discount Sale Price001 20.00 10% 18.00002 10.00 20% 8.00...And I want both the Sale Price and the Discount to be editable: Editing the Sale price should update the discount to the calculated % of Price, and updating the Discount will calculate a new sale price. Furthermore, let's assume I don't actually need to save the sale price, I'm really only loading from my .Net server Sku, Price, and Discount and would like get() on Sale Price to calculate the value to display, and set() on Sale Price to calculate the new discount for saving when I submit my page.
What is the easiest way to achieve this? Currently I'm defining a Schema in my DataSource and filling it with values then displaying my Grid.
HI
I have found a problem about field name in edit mode.
incell mode - edit event :
var grid = e.sender;
var index = e.container.index();
var field = grid.columns[columnIndex].field;
without locked column, the field name is correct :
Click Column2 - index 1 field "Column2" <-- CORRECT
HiddenColumn Column1 Column2
0    1
but with locked column, the index is wrong, because locked column always
place in the first of the grid.columns collection and get the wrong field :
Click Column2 - index 1 field "HiddenColumn" <-- WRONG
Column1(Locked) HiddenColumn Column2
0               1
Is there have any solution or fixed in the newest release ?
*Visual Studio 2015 Enterprise Update 3
*UI for ASP.NET MVC Q2 2016(kendo\2016.2.504)
Best regards
Chris