Questions on Kendo UI for jQuery Forum

3 answers

1.2K+ views

Resize height of Spreadsheet widget to fit

When the spreadsheet loads, the width loads perfectly well and it automatically adjusts to browser resizing. Awesome sauce.

Is there a way to coax the height of the widget to do the same? Something like a height:100% so it happily resizes.

The default height of the spreadsheet leaves lots of space.

Spreadsheet

answered on 02 Mar 2021

2 answers

174 views

Multi Day events not receiving data in day view

The multi day events in the month view render correctly and receive all the properties (color, link, title, etc) in the month view but do not get them in the day view. I'm getting the title of the item in the All Day table but am not getting the event color, or url. Single day items display correctly in both month and day view.

@(Html.Kendo()

.Scheduler<EventDetailViewModel>()

.Name("schedule")

.Editable(false)

.Selectable(true)

.Date(scheduleDate)

.ShowWorkHours(false)

.StartTime(new DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 7, 00, 00))

.EndTime(new DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 22, 00, 00))

.Views(views =>

{

views.MonthView();

views.DayView();

})

.EventTemplateId("eventTemplate")

.DataSource(d => d.Model(m =>

{

m.Field(f => f.EventID);

m.Field(f => f.EventStartTime);

m.Field(f => f.EventTitle);

m.Field(f => f.EventCategory);

m.Field(f => f.EventColor);

m.Field(f => f.EventUrl);

}))

.BindTo(events)

.Deferred(true)

)

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

<a href="#= EventUrl #" class="calendar__link" title="#= EventTitle #" data-category="#= EventCategory #" data-color="#= EventColor #">

<span class="calendar__title">#= EventTitle #</span>

<span class="calendar__time">#= EventStartTime #</span>

</a>

</script>

Scheduler

answered on 01 Mar 2021

7 answers

337 views

Mousewheel zooms Out on both ways in Firefox and never zooms In

Zooming In and Out works well in Chrome, but I just realised it never zooms In in Firefox. By scrolling the mouse wheel both ways it always zooms Out.

Any Idea what could affect that issue? Thanks in advance!

Here is my diagram, I also tried to remove all properties, but that didn't change the described on top behaviour, nothing specific:

var kendoDiagram = diagram.kendoDiagram({

dataSource: shapesDataSource,

connectionsDataSource: connectionsDataSource,

shapeDefaults: {

editable: {

tools: false

},

visual: visualTemplate,

content: {

template: '#= typeof dataItem.customData === "undefined" || typeof dataItem.customData.status === "undefined" || dataItem.customData.status === "" ? dataItem.text : dataItem.customData.status #'

}

},

connectionDefaults: {

editable: {

tools: false

},

startCap: "FilledCircle",

endCap: 'ArrowEnd',

type: "polyline"

},

dragEnd: function(e) {

var el = e.connections[0];

if (typeof el !== 'undefined') {

var source = el.sourceConnector,

target = el.targetConnector;

if( typeof source == 'undefined' || typeof target == 'undefined') {

//console.log('connection is not connected both sides!');

el.options.stroke.color = '#ff0000';

el.options.hover.stroke.color = '#ff0000';

} else {

el.options.stroke.color = '#2e2e2e';

el.options.hover.stroke.color = '#2e2e2e';

}

},

change: function (e) {

var element = e.added[0];

if (element && element instanceof kendo.dataviz.diagram.Shape) {

var dataItem = element.dataItem;

var point = new kendo.dataviz.diagram.Point(dataItem.x, dataItem.y);

element.position(point);

}

},

pannable: {

key: "shift"

},

editable: {

resize: false,

tools: false

},

zoomMax: 3.5,

zoomMin: 0.2,

click: function(e) {

e.preventDefault();

console.log('click...');

}

}).getKendoDiagram();

Diagram

answered on 01 Mar 2021

3 answers

1.8K+ views

[Solved] clearButton ?

Hello

How to add a clearButton to the kendoTextBox control ? Same as in Autocomplete ...

Thanks.

TextBox

answered on 01 Mar 2021

1 answer

216 views

Edit popup not disappeared in jQuery Grid

Hello everybody,

I have a problem on the editing popup in the Grid widget. Based on the guide, I modified the example code in order to to only accept READ and CREATE operations:

<script>

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: '@Url.Action("GetAssignations", "Tasks")'+'/'+'@Model.IdProject',

dataType: "json",

type: 'GET'

},

create: {

url: '@Url.Action("CreateAssignation", "Tasks")',

dataType: "json",

type: 'POST',

contentType: "application/json"

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

var output = "";

$.each(options.models, function (index, value) {

console.log(value);

output = value;

});

return kendo.stringify(output);

}

},

batch: true,

pageSize: 20,

schema: {

model: {

id: "idAssignation",

fields: {

idProject: { type: "number", defaultValue: function () { return @Model.IdProject} },

assignee: { type: "string" },

addedOn: { type: "date", editable: false }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

pageable: true,

//height: 550,

toolbar: ["create"],

columns: [

{ field: "assignee", title: "Assignee" },

{ field: "addedOn", title: "Added on" },

],

editable: "popup"

});

</script>

Both READ and CREATE work because the data are correctly read/written into database; however, after the POST the editing popup does not disappear.

Could you give me some help?

Thanks in advance.

Filippo

Grid

answered on 01 Mar 2021

1 answer

2.8K+ views

Date range picker change event firing 3 times

Dear Support team,

i'm using the daterange picker of the Kendo UI. and I want to call a function when the from date and to date both selected (up on closing may be)

I tried using the close event but on the close event i do not get the end date (End date is null on the closing event)

your help is much appreciated

Thanks

Ramesh R

DateRangePicker

answered on 26 Feb 2021

2 answers

816 views

[Solved] 'new' k-listview-content container problem

Hello.

We have just updated kendo to it's lastest version and one of our components is completely broken due to this container.

Is there any posibility to prevent the generation of this container ?

I've searched about this and found this post about the ContentElement but if we add this the source data-bind is not working at all.

GitHub issue: https://github.com/telerik/kendo-ui-core/issues/5772

Not working example:

<div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems, contentElement: ' '"></div>

Example of our current code:

Main container:

<div class="">

<div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems"></div>

</div>

Child template:

<script type="text/x-kendo-tmpl" id="draggableElement">

<li class="list-group-item" fieldId="#: items.itemId#">

<span class='itemNameText'>

#: items.itemName#

</span>

</li>

</script>

ListView

answered on 26 Feb 2021

5 answers

809 views

why doesn't $('#MyDropDownControlID').data("kendoDropDownList").dataSource.get(1) work?

All it ever returns for me is an 'undefined' on a kendo.dropdownlist which clearly has multiple items in its content.

DropDownList

answered on 26 Feb 2021

1 answer

145 views

pager issue on filtered data

When I use paging + filtering on the grid, and I edit my data, that makes the view change size, the pager is not updated.

https://dojo.telerik.com/@foxontherock/iminugeH/3

Click on the "filter" button, that changes all "number" field to make them visible on the view.

When you click on the pager, it correctly refreshes.

That can be fixed by adding a "kgrid.pager.refresh()" on the grid dataBound, but I think it should be fixed on your side.

Grid

answered on 26 Feb 2021

1 answer

273 views

Linking off of notifications

Hello,

I'm doing some research on behalf of my team and have been looking for documentation that discusses linking functionality from notification pop-ups. This may be an easy thing to do but I am not a programmer (sorry!). Can anyone confirm that it is possible to embed links in the notifications?

For example: Worker A completes work that automatically is assigned to Worker B. When Worker A completes their work the system auto-generates a notification to Worker B letting them know work has been assigned to them. Worker B can either hit the X to dismiss or click the body of the notification to link them to the application page that requires their attention.

Any help on this is much appreciated!

Cheers

Notification

answered on 26 Feb 2021