Questions on Kendo UI for jQuery Forum

1 answer

305 views

Hello, I'm struggling with a small issue:
I have a weekly grouped scheduler and I'm trying to hide the 12:00 to 14:00 time slot.
I've tryed to hide bu css:
.k-scheduler-content tr:nth-child(5),
.k-scheduler-content tr:nth-child(6),
.k-scheduler-times .k-scheduler-table tr:nth-child(5),
.k-scheduler-times .k-scheduler-table tr:nth-child(6) {
display:none;
}

I've tryed to delay the hiding in the databound event but something is not working correctly, some events are shifted in the wrong time slot and the drag&drop is not working correctly.

Is there a easy way to hide a specific time row?

Scheduler

answered on 05 Apr 2018

1 answer

401 views

Upload on click dropzone

Hi,
I wonder if there is any way to include in a dropzone container a functionality of uploading a file
by clicking on it? In other words keep two functionalities in one place.

I'll leave here the dojo sandbox for reference https://dojo.telerik.com/iFEriwoK

Best regards,

Emanuele

Upload

answered on 05 Apr 2018

3 answers

376 views

[Solved] Cloning or Moving events

I have a scheduler with the following code for moveEnd

moveEnd: function (e) {

//For Work Managers this code will give the option to clone or move when an event is moved.

if ($WorkManager == 'true') {

e.preventDefault();

eventHolder = e;

var dialog = $("#schedulerWindow").data("kendoWindow");

dialog.center();

dialog.open();

}

},

The dialog has just two buttons CLONE which has an onclick function of onClone() and MOVE which has an onclick function of onMove(). These functions are listed below.

function onClone() {

var dialog = $("#schedulerWindow").data("kendoWindow");

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

dialog.close();

var copy = eventHolder.event.toJSON();

copy.start = eventHolder.start;

copy.end = eventHolder.end;

copy.RID = -1;

delete copy.uid;

scheduler.dataSource.add(copy);

scheduler.dataSource.sync();

eventHolder = null;

}

function onMove() {

var dialog = $("#schedulerWindow").data("kendoWindow");

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

dialog.close();

eventHolder.event.set("start", eventHolder.start);

eventHolder.event.set("end", eventHolder.end);

scheduler.dataSource.sync();

eventHolder = null;

}

This was fine when you could only select one event at a time. The latest version of the code will allow the use of Ctrl Click to select several events

If I select several events and try and clone or move only the last clicked event is cloned/moved. What changes to the Clone and Move functions do I need to make for this to work with one or more selected events.

Thanks

Scheduler

answered on 03 Apr 2018

1 answer

284 views

Check for a resource or attendee conflict on save

I am writing an asp.net mvc app that uses the scheduler to my allow users as well as resources to manage their own calendars (including recurring events). I also allow users to create events that require both attendees as well as resources to attend.

I need to be able to validate that the newly proposed event does not have any conflicts with the resources and attendees. I would be good to do this in the browser, but ultimately it needs to also be done on the server because multiple people could be doing scheduling at the same time.

The big question is how to handle possible recurrence

Thanks!

-Logan

Scheduler

answered on 03 Apr 2018

1 answer

176 views

Prevent from dropping into column headers

Hello i am using .kendoSortable and i want to restrict the user from dropping rows at the column headers line. is this possible?

Drag and Drop

answered on 03 Apr 2018

3 answers

557 views

select on dataItem after filter

I have added filter in dropdownlist. After user selects item from filter, when the program tried to select another item in dropdownlist, it will use the filtered list, not the original list. How can I use the original full list to change selection? Thanks.

var dropdownlist = $("#fac").data("kendoDropDownList");
dropdownlist.select(function (dataItem) { <============================
return dataItem.FacCode === s + e.faccode;
});

DropDownList

answered on 03 Apr 2018

4 answers

328 views

[Solved] Syntax for string[] template attr binding?

If I just have a simple array of strings in a property, how do you access that in the bound template seeing as there's no object to bind properties to?

Example:

<ul id="results" data-template="item-template" data-bind="images">

</ul>

<script id="item-template" type="text/x-kendo-template">

<li><img data-bind="attr: {src: ??? }" /></li>

</script>

MVVM

answered on 03 Apr 2018

3 answers

1.3K+ views

[Solved] Unwanted border

Hello

I recently updated to KendoUI 2018.1.221 and have to do some adjustments now. It looks like that the kendoMaskedTextBox is acting different now and I can't find a (proper) solution for this problem to fix it: There is always a rounded border as soon as I put a kendoMaskedTextBox on a input. I have prepared a simple example or you can use this code to show you the effect:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

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

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

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

<script>

$(document).ready(function() {

$("#starttime").kendoMaskedTextBox({

mask: 'h0:t0:t0',

rules: { 'h': /[0-2]/, 't': /[0-5]/ }

});

</script>

</head>

<body style="background-color: #f1f1f1">

<div>

<input id="starttime" style="border:1px solid blue;">

</div>

</body>

</html>

As you can see there are two borders:
The inner one seems to be set by the widget.
The outer one is set by me (style). I don't know why that widget puts a border by default (that I don't want). The widget should only mask the input and not style it, imho.

I've checked all your samples on the API page of MaskedTextBox and they all have rounded corners.

How do I get rid of that rounded border inside the input?

Regards

MaskedTextBox

answered on 03 Apr 2018

2 answers

189 views

Splitter in Partialview with Grid do not display horizontal splitting

Hello,

i am displaying splitter in a Pop up window and have 2 vertical panes. Top one with search text box and bottom one has 2 horizontal panes. Left side has a treeview and right side has a grid. When i view this page as normal view everything Displays fine. But when i Display this page as partialview inside an window i see 3 horizontal panes rather than treeview and grid lying side by side. Somehow the grid is wrapping to next line and i do not see splitter resize Options as well.

Attached my view file. the Moment i replace right pane Content from grid to some text it will start showing splitter.

Anamika

Splitter