Hi,
I am using the latest Version of the trial Kendu UI.
A empty gantt needs up to 10sec to get rendered. Sometimes the site crashs cause of gantt. However, grids are working fine.
Are there some known issues using gantt in combination of IE9? Simple examples like http://dojo.telerik.com/usOWA are not working proper.
In chrome the performance is much better but I have to deal with IE9.
I'm looking forward to an answer ore some hints.
I have a Grid that I have a filter row on (mode: "row"). All of the filters function correctly except for a column that contains dates. I have the datepicker showing, however when I select a date from the datepicker nothing happens and I get the following javascript error:
Uncaught TypeError: Cannot read property 'flatView' of undefined
Here is my code:
$("#inbox").kendoGrid({
sortable: true,
selectable: "row",
navigateable: true,
height: "99%",
filterable: {
mode: "row"
},
schema: {
model: {
fields: {
MessageID: { type: "string" },
MessageText: { type: "string" },
EventTime: { type: "date" },
Subject: { type: "string" },
CaseID: { type: "string" },
ClaimID: { type: "string" }
}
}
},
columns:
[{
field: "MessageID"
},
{
field: "MessageText"
}, {
field: "EventTime",
format: "{0:M/d/yyyy}",
width: "200px",
filterable: {
cell: {
operator: "contains",
showOperators: false,
template: function(args) {
args.element.kendoDatePicker({
format: "{0:M/d/yyyy}",
parseFormats: "{0:M/d/yyyy}",
valuePrimitive: true,
dataTextField: "EventTime",
dataValueField: "EventTime"
});
}
}
}
}, {
field: "CaseID",
width: "200px",
filterable: {
cell: {
operator: "startswith",
showOperators: false
}
}
}, {
field: "ClaimID",
width: "200px",
filterable: {
cell: {
operator: "startswith",
showOperators: false
}
}
}, {
field: "Subject",
filterable: {
cell: {
operator: "contains"
}
}
}],
change: function () {
var row = this.select();
var id = row[0].cells[0].innerText;
var message = row[0].cells[1].innerHTML;
$("#<%= hdnSelectedMessage.ClientID %>").val(id);
$("#<%= lblMessage.ClientID %>").html(message);
}
});
Hi
I am making a editable.template referring to the reference.
http://docs.telerik.com/kendo-ui/api/javascript/ui/gantt#configuration-editable.template
What would be good if you want To localize (ja-JP) this input datepicker?
http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker#configuration-culture
How to apply filter on the multiselect column editor of the grid?
We are binding an array object to this column. As multiselect needs the array object to bind data.
Could you please suggest the solutions if this is possible with some custom code.
Hello,
We have Kendo Editor in-place that needs to upload images to secured API resides in another domain. This means the request has to have some authorization token in the header so the call can be authorized correctly.
We understand that Editor's uploadURL property is limited to string only. So nothing much can be done to inject a custom header.
However, since Kendo UI core uses jQuery, we tried to implement $(document).ajaxSend to capture those AJAX requests coming from Kendo Editor and modify the header before sending the original request, but it seems it's not working and the code there never been hit.
Can you help with that? Is there a better way to achieve the same purpose?
Thanks

<script> $(document).ready(function () { createChart(); // create DatePicker from input HTML element $("#datepicker").kendoDatePicker({ culture: "en-GB", format: "MM/dd/yyyy" }); }); function CallHandler() { $.ajax({ url: "Handler/Handler.ashx", contentType: "application/json; charset=utf-8", dataType: "json", data: { 'date': document.getElementById("datepicker").value }, responseType: "json", success: OnComplete, error: OnFail }); return false; }; var stocks = [[], [],[]]; function OnComplete(result) { stocks = result; createChart(); document.getElementById("testfeld").innerHTML = ""; } function OnFail() { document.getElementById("testfeld").innerHTML = "Some error has occured"; } function createChart() { $("#stock-chart").kendoStockChart({ title: { text: "Carna v 0.1" }, legend: { visible: true, position: "bottom" }, chartArea: { background: "" }, series: [{ name: "line1", type: "line", width: 1, color: "Orange", data: stocks[1], markers: { visible: false } }, { name: "line2", type: "line", width: 1, color: "Green", data: stocks[2], markers: { visible: false } } ], tooltip: { visible: true, format: "{0}", template: "#= series.name #: #= value #" }, valueAxis: { labels: { format: "{0}" }, line: { visible: false }, axisCrossingValue: 0 }, dateField: stocks[0], categoryAxis: { step: 1, categories: stocks[0], majorGridLines: { visible: true }, field: stocks[0], type: "Category", baseUnit: "minutes", labels: { step: 10, font: "6.25pt Verdana", rotation: -45 }, title: { text: "Time", font: "6.25pt Verdana" } }, navigator: { series: [{ type: "line", data: stocks[1], color: "Orange", name: "line1 overview", visibleInLegend: true }, { type: "line", data: stocks[2], color: "green", name: "line2 overview", visibleInLegend: true }] } }); } </script>I have multiple charts with the same legend. I've hidden the legend in all but the first chart. I want the first chart's legend to control the rest of the charts' legends. The only way I've found to do this is to call "private" methods on the charts: _legendItemHover and _legendItemClick. This works pretty good, but the hover is a little bit off. When your mouse leaves a legend item it will un-highlight the item in the main chart, but not the secondary charts.
I've created a jsFiddle to demonstrate.
http://jsfiddle.net/zmmzxhek/
My guess is that the 'this' keyword is being used in the private method and that's throwing it off. I haven't done any research on that, just an educated guess. I'll be checking that now but wanted to see if anyone else had any other input.