Questions on Kendo UI for jQuery Forum

3 answers

108 views

Hi,

I'm looking for a way to display events like in timeline, but to move the date from above the time to the side (no need for resource grouping so it can be occupied).

I was looking into creating a new view, but couldn't find a way controlling the date header position.

There is any way to do it?

Regards

Scheduler

answered on 02 Jan 2018

4 answers

122 views

Kendo Grid in a Window Object(not Kendo window)

Ok, It seems that I can not run Kendo in a Window object.

I am looking to run a popup window not dependent on the page.

So it is always present and usable. I have one working as a Kendo Window, but it is attached to the page that spawned it.

Any one got an idea beside spawning another browser window?

Thanks

General Discussions

answered on 01 Jan 2018

10 answers

1.5K+ views

Modifying resources dataSource dynamically

Hi,

I'm trying to change the resources dataSource dynamically, but the changes I am making are not being applied to the Scheduler.

I've created a scheduler like so:

$("#scheduler").kendoScheduler

({

date: new Date(),

startTime: new Date("2013/11/27 07:00 AM"),

endTime: new Date("2013/11/27 06:00 PM"),

height: "600",

selectable: true,

views: [

"day",

{ type: "workWeek", selected: true },

"week",

"month",

"agenda"

],

editable: {

template: kendo.template($("#schedulerTemplate").html())

},

dataSource: _dataSourceDetailedAppointmentScheduler,

edit: _api.onEditScheduler,

cancel: _api.onCancelScheduler,

save: _api.onSaveScheduler,

resources: [

{

field: "CommertialRepresentativeId", // The field of the scheduler event which contains the resource identifier

title: "Representante Comercial", // The label displayed in the scheduler edit form for this resource

dataSource: [

{

text: "Representante 1", // Text of the resource instance

value: 1, // Identifier of the resource instance, use that value to assign an event to this instance.

color: "#ff0000" // Used as the background of events assigned to this resource.

},

],

multiple: false // Indicate the this is a multiple instance resource

}

]

});

And after another control is modified, I try to replace the resources dataSource, changing the color of events with a value of 1 in the field: "CommertialRepresentativeId" to green.

_dataSourceDetailedAppointmentScheduler.read();

var schedulerControl = $("#scheduler").data("kendoScheduler");

//Construir

var resourceDS = new kendo.data.DataSource(

{

data: [

{ text: "rep 1",

value: 1,

color: "#00ff00"

}

]

}

);

resourceDS.read();

schedulerControl.resources[0].dataSource = resourceDS;

schedulerControl.view(schedulerControl.view().name);

Can't seem to figure out why the scheduler will continue to display the events in the original color.

I'd appreciate some help!

Scheduler

answered on 29 Dec 2017

6 answers

268 views

Treat all cells as pure text

Is there a way to remove all automatic formatting on cells, specifically the date/time auto formatting?

If this isn't a reasonable request, is there a way to retrieve the "text value" of the cell? I can see that the values are stored as numbers with a format attached, how does one pull out the text of the cell that's being displayed?

Spreadsheet

answered on 29 Dec 2017

1 answer

95 views

Kendo widgets rendering with invisible background

Hello,

I'm working on a project in asp.net 4.0 using Kendo UI for jQuery along with bootstrap 3 for responsiveness. The issue that I'm having is that my widgets are rendering with an invisible background. For example if I use the kendo date picker widget it will render but the background will be invisible. I've attached a screenshot of what is happening. Any help would be greatly appreciated on this matter.

Thanks

General Discussions

answered on 28 Dec 2017

7 answers

627 views

Northwind.svc Source Code

In this demo (http://demos.telerik.com/kendo-ui/grid/remote-data-binding) it uses Northwind.svc for remote binding.

Is it possible to see the source code of this Northwind.svc?

Grid

answered on 26 Dec 2017

2 answers

282 views

Multiline description in Kendo Scheduler

The Kendo Scheduler does not seem to support multiline descriptions. The following json response is rendered incorrectly in the Kendo Scheduler. It does not correctly parse the json encoded newline/carriage-return characters - but instead it only displays them.

```

[{"id":"AAMkAGFlYmQ3ZDdmLWRlNmItNGY1YS04ZmI0LTI5MDgzNjYwYjQ5YQBGAAAAAAC9KrO2CxzZQImm0eyEhcXmBwC5xK3E1TNIRYKP5MAXBVCbAAAAAAENAAC5xK3E1TNIRYKP5MAXBVCbAAI/taVmAAA=","title":"Mein zweiter Test","description":"😌\\r\\n\\r\\nasdfasdf","start":"2017-12-12T14:00:00","startTimezone": "Europe/Berlin","end":"2017-12-12T19:30:00","isAllDay":false}]

```

Scheduler

answered on 26 Dec 2017

1 answer

512 views

TreeView expandTo not working

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>Kendo UI Snippet</title>

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

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.rtl.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.silver.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.mobile.all.min.css"/>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

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

</head>

<body>

<div id="treeview"></div>

<script>

$("#treeview").kendoTreeView({

loadOnDemand: false,

dataSource: [

{ text: "foo", items: [

{ text: "bar", items: [

{ text: "baz" }

] }

] },

{ text: "one", items: [

{ text: "two", items: [

{ text: "three" }

] }

]

});

var treeview = $("#treeview").data("kendoTreeView");

var baz = treeview.dataItem(treeview.findByText("baz"));

console.log('baz', baz);

treeview.expandTo(baz);

// expand all nodes up to "three"

var three = treeview.dataItem(treeview.findByText("three"));

console.log('three', three);

treeview.expandTo(three);

</script>

</body>

</html>

When the id field is removed from the snippet, 'three' item in the expandTo call is not expanded.

I remember that the above code worked fine in the 2015.1.422 version.

TreeView

answered on 26 Dec 2017

1 answer

72 views

Is the style binding only one-way?

It would be cool if jQuery-UI draggable and resizable could update the top, left, resp. width, height properties in the viewmodel.

MVVM

answered on 25 Dec 2017

3 answers

120 views

Determine if Drag and Drop is valid after postback.

Hello everyone,

I am making a post-back as part of the drop event. I would like value of e.valid to be set whether the post-back was successful. The issue I run into is that since $.post(..) is an asynchronous call, the Treelist will determine whether the move is valid with the current value of e.valid before the data is returned from the post.

Is there a way to determine whether to complete the drop from the result of the post-back?

Thank You in advance

Kamal Singh

TreeList

answered on 22 Dec 2017