Questions on Kendo UI for jQuery Forum

1 answer

267 views

Scheduler with context menu problem on mobile browser

Hello,

I’m using Kendo Scheduler component (version v2017.3.913), my application was developed to work for both desktop and mobile browser. I add a context menu to copy and paste an event. But, I have problem about tap and hold to copy/paste event on mobile browser. After context menu is showing menu popup, it also simultaneously slide to edit event.

P/s: I'm not allow move and resize event.

I've prepared the following Dojo Snippet to illustrate the issue: https://dojo.telerik.com/@jasonlam/OyavI/3

How to fix it or any workaround?

Regards,

Jason

Scheduler

answered on 30 Oct 2017

8 answers

552 views

How to conditionally set the shape color

I am trying to understand how I can programatically set the color of a given shape.

I've seen examples where they are setting the color on the map's shapeCreated event. However that is changing the color for all shapes on that map.

For example say I have 4 shapes(polygons) and I want to make one red, the second blue, third yellow and fourth pink. How could I go about setting an individual shape color?

Map

answered on 30 Oct 2017

2 answers

611 views

Problem with nested grid

Hello!

Could you help me please.

I have a grid with detail rows. Inside each detail row there is a grid that has a detail rows too.

But when I click inside external detail row, all master rows of internal grid are expanding! And next click collapsing all these rows.

Version of library - from 2014 year.

I don't understand this behavior.

Sorry for my bad English.

Grid

answered on 30 Oct 2017

1 answer

81 views

How to change the name of the pdf toolbar for all grids?

kendo.ui.Grid.prototype.options.messages.commands =

   $.extend(true, kendo.ui.Grid.prototype.options.messages.commands, {

   pdf: "Esporta come pdf"

});

Grid

answered on 30 Oct 2017

1 answer

9.9K+ views

Datetime format in column of Grid

I am using api with json to get the date. With the attached code, I can get the date in correct format in Grid column but the time is always 12:00. How can I fix that.

{ field: "RequestedDate", title: "Requested Date", width: "150px", type:"datetime", template: "#= kendo.toString(kendo.parseDate(RequestedDate, 'yyyy-MM-dd'), 'dd MMM yyyy hh:mm') #" },

Thanks.

Grid

answered on 30 Oct 2017

2 answers

574 views

Paste value without overriding initial formatting

Hi! I am getting close to having a great interface based on kendo spreadsheet. It's a really good control to work with, congrats to the team for doing such great work!

An issue I am having is that if I copy a value from external source (excel/etc) and pasting it in the spreadsheet, I lose the initial formatting. Any way to prevent that?

For example,in this demo https://demos.telerik.com/kendo-ui/spreadsheet/index, if I copy a quantity value and paste it on price, I lose formatting, which I planned to keep. Any ways around that?

Thanks!

Spreadsheet

answered on 30 Oct 2017

1 answer

112 views

Scrollable up / down issue

Hey guys. We found some scrollable issue. Here is the dojo http://dojo.telerik.com/irOvo . When the Menu initializes with dynamic content (In our case, we're using angular ngRepeat) it won't show the up / bottom buttons. For showing buttons, you should manually scroll on menu area.

Menu

answered on 30 Oct 2017

1 answer

529 views

How to change the name of "no file chosen"?

kendo.ui.Upload.prototype.options.messages =

$.extend(true, kendo.ui.Upload.prototype.options.messages, {

FileChosen: "Nessun elemento caricato."

});

Upload

answered on 30 Oct 2017

14 answers

1.6K+ views

DataSource Remote Grouping

Hello all,

I had a quick question.

I have been looking at Kendo for a couple of days now, and am really impressed. Everything is smooth and works quite well.

My question is: To support remote grouping on a datasource, what gets sent to the server when someone changes the grouping (Meaning query parameters), and how is the data expected to come back to the data source (JSON in my case)?

Data Source

answered on 30 Oct 2017

8 answers

992 views

[Solved] Weird behaviour on dropdownlist.open()

Hello

There is a weird behaviour using Kendo.dropdownlist.open() function: In the fully working example below you see 3 defined Kendo DropdownList. As soon as a value is chosen from first dropdownlist it opens the second dropdownlist. Choosing an option of second dropdownlist opens the third dropdownlist. Try this to show you the weird effect:

1. Choose "SUV" from first dropdownlist
2. Choose "Normal" from second dropdownlist
3. Choose "orange" from third dropdownlist.

So far it works fine as it should. Now open the first dropdownlist again and choose "Convertible": The second AND the third dropdownlist will be opened. The third dropdownlist shouldn't be opened! The reason why the third dropdownlist will be opened is caused by resetting the datasource source3 in the change event of dropdownlist1 (took me a while to find that out).

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<script src="http://kendo.cdn.telerik.com/2017.3.1018/js/jquery.min.js"></script>

<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.3.1018/styles/kendo.common.min.css" />

<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.3.1018/styles/kendo.blueopal.min.css" />

<script src="http://kendo.cdn.telerik.com/2017.3.1018/js/kendo.all.min.js"></script>

<script>

// Define datasources for dropdownlists

var source1 = new kendo.data.DataSource({

data: [

{ id: -1, name: "Choose type..." },

{ id: 1, name: "SUV" },

{ id: 2, name: "Convertible" }

]});

var source2 = new kendo.data.DataSource({

data: [

{ id: -1, name: "Choose size..." },

{ id: 1, name: "Normal" },

{ id: 2, name: "Small" }

]});

var source3 = new kendo.data.DataSource({

data: [

{ id: -1, name: "Choose color..." },

{ id: 1, name: "green" },

{ id: 2, name: "blue" }

]});

$(document).ready(function() {

$("#dropdownlist1").kendoDropDownList({

value: -1,

dataSource: source1,

dataTextField: "name",

dataValueField: "id",

change: function () {

// Change options of dropdownlist3

source3.data([

{ id: -1, name: "Choose color..." },

{ id: "Choose type...", name: "orange" },

{ id: "Choose type...", name: "brown" }

]);

$("#dropdownlist2").data("kendoDropDownList").open();

}

});

$("#dropdownlist2").kendoDropDownList({

value: -1,

dataSource: source2,

dataTextField: "name",

dataValueField: "id",

change: function () {

$("#dropdownlist3").data("kendoDropDownList").open();

}

});

$("#dropdownlist3").kendoDropDownList({

value: -1,

dataSource: source3,

dataTextField: "name",

dataValueField: "id"

});

</script>

<div id="mydiv">

<input id="dropdownlist1" style='width: 170px;' />

<input id="dropdownlist2" style='width: 170px;' />

<input id="dropdownlist3" style='width: 170px;' />

</div>

</body>

</html>

(I am aware of cascading dropdownlists but my project goes beyond that so I need to refill datasources by myself).

What needs to be done to avoid the third dropdownlist get opened in such a case?

DropDownList

answered on 27 Oct 2017