I have built a small application using qrcode generation.
I have followed the examples, that are all great but miss only one thing:
All of them uses kendo.all.min.js as inclusion, and of course this is not a good choice for a web application because of performance issues.
I would like to have a list of the single javascript files I need for each widget, without the need to include kendo.all.js.
Is it possible to have a single file list for qrcode?
Simply using kendo.dataviz.qrcode.min.js is not enough and code is not generated.
Kind regards
Paolo
Hello,
I'm trying to implement my own drop down with custom controls on it, but cannot find proper control to that. In fact I would like achieve exactly the same result as Kendo Grid filter window. On on some button press it drop downs a popup (window) which automatically close if clicked outside the window, but allows usage, normal drop down list, multiselect, datepickers inside. So exactly what grid filter does. However I cannot find proper control to achieve that.
Could you advice?
Hello everyone,
I've tried to add a custom binding to a scatterLine chart, but chrome just throws an exception:
"Uncaught Error: The chartSeries binding is not supported by the Chart widget"
Is it possible to do something similar to the following?
<div id="mychart" data-bind="chartSeries: Series"></div>
kendo.data.binders.chartSeries = kendo.data.Binder.extend({ refresh: function() { var serieses = this.bindings["chartSeries"].get(); //my irrevevant stuff $(this.element).redraw(); }}); function GetAllPageElements () { var PrintChart = function () { $("#mychart").kendoChart({ //my irrevevant stuff }); }; PrintChart();} $(document).ready(function () { var ChartViewModel = new ViewModels.ChartVm(); GetAllPageElements(); kendo.bind($("#chartView"), ChartViewModel);});Thanks for your help!
Joachim
Using the example found here: http://docs.telerik.com/kendo-ui/controls/charts/how-to/timeline-using-range-bars
I am trying to modify this to show a range across months instead of a single day. Below is the modified code where I am attempting to show one range from 01/14 - 03/14 and the other range from 03/14 - 06/14. I can get the vertical axis to show dates in the format I want (MM/yy), but I'm getting months showing up twice, so I'm hopefully assuming I just have things configured wrong. I would like to have a vertical line for each month; 01/14, 02/14, 03/14, etc. Can anyone point out what I should change or if the desired result is not really possible using this control?
Additional question - should I be setting the to/from in the dataSource differently?
Screenshot is attached of chart produced by this code
<script>
var data = [{
id: 1,
user: "Team A",
from: new Date("2014/01/01").getTime(),
to: new Date("2014/03/01").getTime()
}, {
id: 2,
user: "Team B",
from: new Date("2014/03/01").getTime(),
to: new Date("2014/06/01").getTime()
}];
$("#chart").kendoChart({
dataSource: {
data: data,
group: {
field: "id",
dir: "desc"
}
},
series: [{
type: "rangeBar",
fromField: "from",
toField: "to",
categoryField: "user",
spacing: -1
}],
valueAxis: {
min: new Date("2014/01/01").getTime(),
max: new Date("2014/08/01").getTime(),
//majorUnit: 60 * 60 * 1000, // 60 minutes in milliseconds
labels: {
template: "#= kendo.toString(new Date(value), 'MM/yy') #"
}
},
legend: {
visible: false
}
});
</script>
I am trying to display a dropdownlist in the grid but the dropdown does not appear when it is clicked. Instead of seeing the "text" of the dropdown that corresponds to the numeric "value" (an enumeration) I am only seeing a "textbox" where the dropdownlist should appear. Another odd behavior happens when I randomly click on the grid the dropdown will appear intermittently.
Any help would be greatly appreciated.
Here is my razor grid:
@(Html.Kendo().Grid<CollectLiveEntities.Sensor>() .Name("SensorGrid") .Columns(columns => { columns.Bound(s => s.ID).Visible(false); columns.Bound(s => s.Name); columns.Bound(s => s.Register); columns.Bound(s => s.DataType) .Width(200) .ClientTemplate(Html.Kendo().DropDownList() .Name("Value") .DataTextField("Value") .DataValueField("Key") .DataSource(source => { source.Read(read => { read.Action("DataTypes", "Details"); }); }).ToClientTemplate() .ToHtmlString() ); columns.Bound(s => s.ReadWrite); columns.Bound(s => s.DataFormula); columns.Bound(s => s.DataSource); }) .ToolBar(toolBar => toolBar.Save()) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Pageable() .Sortable() .Scrollable() .DataSource(dataSource => dataSource .Ajax() .Batch(true) .ServerOperation(false) .Model(model => { model.Id(s => s.ID); model.Field(s => s.ID).Editable(false); }) .Read(read => read.Action("Sensors_Read", "Details", new { deviceID = @Model.ID } )) .Update(update => update.Action("Sensors_Update", "Details")) ) )Hello,
I'm running into an issue where the default values configured on a model are not getting set up if arguments are provided to the constructor. Creating a new model without providing any arguments appears to work just fine. However, it appears that the model skips initializing its fields and default values arguments are provided. See http://dojo.telerik.com/aLOZe for a quick example of this behavior.
Is there some way to get around this other than by making sure to provide values for all fields?
Thanks!
Hello,
I use scheduler to show my events and I have events that should be shown for each year on a specific date.
I use yearly reference rule and everything works fine until even's date is not 29th February. In that case my event get's pushed to 1st March even if current year has that date.
The only case in which my date doesn't get pushed to 1st March is if event's date is set to 29th February of the current year.
Is there any way to handle this as I didn't find any info regarding leap years in the documentation?
Thanks.
Hi All,
I have a page with grid and command button that popup a kendoWindow (partial view) and parent viewModel is passed to the partial view. Inside the kendoWindow, there is another grid which the user can select and delete the row. The partial view and script below always give me this error 'TypeError: Cannot read property 'value' of undefined' and I can't figure out why. Is there a way to solve this issue? and applying kendo.bind in the partial view(the javascript below) cause more problems.
HTML
<div id="notes-dialog" title="Notes" style="display: none">
<div id="grid"></div>
</div>
Javascript
function display() {
ds = new kendo.data.DataSource({
pageSize: 20,
data: viewModel.CurrentlyDisplayedNotes,
autoSync: true,
schema: {
model: {
id: "Id",
fields: {
Id:{editable: false},
Notes: { editable: true, type:"string" }
}
}
}
});
var gridNotes = $("#grid").kendoGrid({
dataSource: ds,
pageable: true,
resizable: true,
height: 365,
toolbar: [{ text: "Add", click: addNote }],
columns: [
{
field: "Notes", title: "Notes"
},
{ command: { text: "Delete", click: removeNote }, title: " ", width: "180px" }],
editable: true
}).data("kendoGrid");
function removeNote() {
var grid = $("#grid").data("kendoGrid");
var sel = grid.select(); // Error here: TypeError: Cannot read property 'value' of undefined
var item = grid.dataItem(sel);
// other code goes here
};
function addNote() {
var grid = $("#grid").data("kendoGrid");
var item = grid.dataItem( grid.select()); // Error here: TypeError: Cannot read property 'value' of undefined
//more code below
}
TIA