Questions on Kendo UI for jQuery Forum

5 answers

1.0K+ views

Hi,

I am currently trialing Kendo UI Professional for an AngularJS application. I order to debug some issues I would like to work with the unminified JS files. Are these available for download or only after purchasing?

Thanks,
Claus

General Discussions

answered on 03 Jun 2016

2 answers

473 views

[Solved] Legend not being displayed

<div class="chart-cell">

<div id="chart" />

</div>

$.get("/chart/GetCustomPlotData", data, function (response) {

if (response.Success) {

var result = response.Result;

if (result.IsAggregated) {

$("#data-point-count").text(result.DataSet.ChannelData[0].Data.length + " of " + result.DataSet.DataPointsInFile);

}

else {

$("#data-point-count").text(result.DataSet.ChannelData[0].Data.length);

}

// Format the data then generate the graphs

var seriesData = [];

for (var i = 0; i < result.DataSet.ChannelData.length; ++i) {

var data = []

for (var j = 0; j < result.DataSet.ChannelData[i].Data.length; ++j) {

data[j] = { Time: new Date(FormatUtsDate(result.DataSet.ChannelData[i].Data[j].Time)), Value: result.DataSet.ChannelData[i].Data[j].Value }

}

seriesData[i] = {

name: result.DataSet.ChannelData[i].Title !== "" ? result.DataSet.ChannelData[i].Title : result.DataSet.ChannelData[i].ChannelName,

visibleInLegend: false,

tooltip: {

template: "value: #= value.y #, time: #= FormatDate(value.x) #",

visible: true

},

type: "scatterLine",

xField: "Time",

yField: "Value",

data: data,

markers: {

visible: false

}

$("#chart").kendoChart({

series: seriesData,

chartArea: {

@* There is probably a better way to do this, but I can't think of it right now.

This occurs before the divs are rendered so their widths at this point are not

what they will be after rendering *@

//width: 1074

},

xAxis: [{

type: "date",

baseUnit: "seconds",

labels: {

step: (result.Columns == 3 ? 2 : 1)

}

}],

yAxis: [{

axisCrossingValue: [-50000]

}],

legend:{

position: "left",

orientation: "horizontal",

visible: true

},

pannable: true,

zoomable: true,

});

kendo.ui.progress($(".chart-loading"), false);

$("#loading").hide();

$("#nine-blocker-grid").show();

}

else {

kendo.ui.progress($(".chart-loading"), false);

$("#loading").hide();

$("#error-message").text(response.Message);

$("#error").show();

}

});

All the series are being plotted, but for whatever reason the legend does not display. Just wonder if there is any obvious reason why that might be

Thanks

Charts

answered on 03 Jun 2016

1 answer

171 views

ER Diagam similar to WPF Tableshape example

Hi,

I need to create an online tool for designing database ER diagrams using Kendo UI. I know that TelerikUI for WPF has a Diagram component with an example for creating Tableshapes (or ER Diagram). Is there any such example for KendoUI?

Thanks

Diagram

answered on 03 Jun 2016

3 answers

700 views

kendo ui grid with no model

Hi I want to create a grid using the server wrapper without having to specify a certain model, I just want a column to put string values and a custom column to delete the values.

so with javascript I can do that this way:

$("#gridtest").kendoGrid({
height: 150,
columns: [
{
attributes: {"style":"padding-left:0px"},
field: "date",
title: "Selected Dates",
},
//{ command: [{ className:"select", name: "destroy", text: "" }], title: " ", width: 40 }
{ command: [{ id: "destroy", name: "destroy", template: "<img class='select' src='@Url.Content("~/Contents/Images/delete.png")' onclick='deleteGridRow(this)'/>" }], title: " ", width: 40 }
],
editable: "inline"
});

Grid

answered on 03 Jun 2016

1 answer

232 views

how to move "show all day" button to header?

Greetings, Is there a way to easily move the "show all day" / "show business hours" out of the footer and into the header next to the view selector list? I tried moving it with jQuery, but it loses its functionality at that point:

$(".k-scheduler-fullday").parent().insertAfter(".k-scheduler-views")

It would be great to be able to move the button without having to recreate the functionality myself. Thanks in advance for any help!

Rafe

Scheduler

answered on 03 Jun 2016

1 answer

272 views

Console error when scrolling the grid after addRow()

I've a grid with scrollable: {virtual: true}. I insert a new row on top of the grid, using either .addRow() or grid.dataSource.insert(0, {});

Then I try to scroll the grid, I saw some error in the console saying:

<p color="red">Uncaught RangeError: Maximum call stack size exceeded</p>

Here is a dojo example: http://dojo.telerik.com/UCiXA/2

I think this error will cause some other issues. In this dojo, we can see that the values on the footer(i.e. 21 - 40 of 77 items) is not updating correctly. In my product, it will cause some paging issue, I will see the page size jumping for 10 to 5 while scrolling, and sometime performance issue that will cause slow repose.

Grid

answered on 03 Jun 2016

1 answer

320 views

[Solved] Overriding read.Action

Hi Telerik Team,

I have a grid using Ajax for data like so

.DataSource(dataSource =>

dataSource.Ajax()

.PageSize(20)

.ServerOperation(true)

.Read(read => read.Action("GetSerializedItems", "Inventory", new { storeId = Model.StoreID, fromSerialNo = Model.FromSerialNo , stockCode=Model.StockCode }))

And my Action in Controller

[HttpPost]

public JsonResult GetSerializedItems([DataSourceRequest]DataSourceRequest request, List<string> fromSerialNo, string stockCode, string storeId)

And the Model for the request

public class RequestQueryInventoryStatus

{

public string StoreID { get; set; }

public List<string> FromSerialNo { get; set; }

public string StockCode { get; set; }

public string UserId { get; set; }

public int? take { get; set; }

public int? skip { get; set; }

public int? page { get; set; }

public int? pageSize { get; set; }

public string sortField { get; set; }

public string sortDir { get; set; }

}

However, the Action is unable to recognize the List of string and it takes the type System.Collections.Generic.List`1[System.String] as value instead. If I stringify the object Model.FromSerialNo, it will be too long to be in the query string, however the payload data of the post request has already been occupied by DataSourceRequest (with info like sort, page, etc.). Is there anyway to work around this issue?

Thanks,

Hery.

Grid

answered on 03 Jun 2016

1 answer

173 views

ButtonGroup dojo demo not working

Hello,

The "Edit this example" dojo sample from the ButtonGroup doesn't work because the wrong style sheet is linked. It's currently kendo.bootstrap.min.css but should be kendo.bootstrap.mobile.min.css

Cheers

Jae Soon

ButtonGroup

answered on 03 Jun 2016

1 answer

233 views

Cell Comments

Is it possible to add comments to cells so that when you highlight the cell it displays the comment? This feature exists in excel as follows:

https://support.office.com/en-us/article/Add-a-comment-bdcc9f5d-38e2-45b4-9a92-0b2b5c7bf6f8

Thank you.

Spreadsheet

answered on 03 Jun 2016

1 answer

82 views

documentation bug or question

On this page - there is code to close the window as below.

http://docs.telerik.com/kendo-ui/controls/layout/window/how-to/add-close-button

$(".close-button").click(function(){// call 'close' method on nearest kendoWindow $(this).closest("[data-role=window]").kendoWindow("close");});

Question - is kendoWindow("close") a proper call? or data("kendoWindow").close() would be right way to code here? This is in your documentation so making sure what is suggested approach.

Window

answered on 03 Jun 2016