Questions on Kendo UI for jQuery Forum

7 answers

402 views

[Solved] Can the id of scheduler events be a string?

Or can it only be a number? We use GUIDs for all our identifiers so it'd be nice to be able to use a string for an id of the events in the scheduler

This would allow us to do things like mix different types onto a scheduler since we have globally unique ids

Scheduler

answered on 12 Jan 2018

1 answer

225 views

passing data between 2 kendo observable viewmodel of different scope

Hello,
1) I want to know how can pass data from javascript object to kendo Observable (MVVM) defined in a function like below passing data of temp to

var temp= "a"; // can be array ['a','b'] or simple object "a" or {"name": "a" , "address":"b"}

function foo(a, b) {

kendo.ui.progress($("body"), true);

var viewModel = kendo.observable({

ModelItems: new Array(),

TestEventListener: function (e,data) {

debugger;

viewModel.push(data);

},

pushData: function(e) {

debugger;

}

});

}

2) Passing data between 2 in different like below passing data of to viewmodel2

function foo(a, b) {

kendo.ui.progress($("body"), true);

var viewModel = kendo.observable({

ModelItems: new Array(),

TestEventListener: function (e,data) {

debugger;

viewModel.push(data);

},

pushData: function(e) {

debugger;

}

});

}

function bar(a, b) {

kendo.ui.progress($("body"), true);

var viewModel2 = kendo.observable({

ModelItems: new Array(),

TestEventListener: function (e,data) {

debugger;

viewModel.push(data);

},

pushData: function(e) {

debugger;

}

});

}

MVVM

answered on 11 Jan 2018

1 answer

125 views

[Solved] Force View Selector to be a dropdown

I am using version 2017.3.1026.

How do I force the views to be listed in a drop down?

Thanks.

Scheduler

answered on 11 Jan 2018

5 answers

396 views

Want to show google icons/images into gantt chart columns along with start/end date columns

need to show google icons into gantt chart column according to the status of task. Here is my code!
var tasksDataSource = new kendo.data.GanttDataSource({
data:DS,
schema: {
model: {
id: "id",
fields: {
sr: { from: "sr", type: "number" },
id: { from: "id", type: "string" },
runtimes: { from: "runtimes"},
parentId: { from: "parentId", type: "string", defaultValue: null, validation: { required: true } },
start: { from: "start", type: "date", format: "{0:MM/dd/yyyy}" },
end: { from: "end", type: "date", format: "{0:MM/dd/yyyy}" },
diff: { from:"diff", type: "string" },
title: { from: "title", defaultValue: "", type: "string" },
summary: { from: "summary", type: "boolean" },
expanded: { from: "expanded", type: "boolean", defaultValue: true }
},
computedRuntimes: function() {
if (this.runtimes == JSON.stringify({"included":true,"pending":true,"executed":false}) ) {
//return relevent image
}
if (this.runtimes == JSON.stringify({"included":true,"pending":true,"executed":true}) ) {
//return relevent image
}
if (this.runtimes == JSON.stringify({"included":false,"pending":false,"executed":true}) ) {
//return relevent image
}
if (this.runtimes == JSON.stringify({"included":true,"pending":false,"executed":true}) ) {
//return relevent image
}

}
},
}
});

var gantt = $("#gantt").kendoGantt({

dataSource: tasksDataSource,
dependencies: dependenciesDataSource,
columns: [
{ field: "sr", title:"Sr.#", width: 60 },
{ field: "id", title: "Task ID", width: 100 },
{ field: "computedRuntimes()", title: "Status", width: 65},
{ field: "title", title: "Title", editable: true, sortable: true },
// { field: "start", title: "Start Time", format: "{0:MM/dd/yyyy}", width: 120, editable: true, sortable: true },
// { field: "end", title: "End Time", format: "{0:MM/dd/yyyy}", width: 120, editable: true, sortable: true },
{ field: "diff", title: "Duration", width: 80 },
{ field: "resources", title: "Assigned Resources", editable: true }
],
)}

NumericTextBox

answered on 11 Jan 2018

1 answer

181 views

defaultCellStyle px vs pt inconsistencies

It doesn't seem to be possible to make the exported Excel spreadsheet look the same as the kendo spreadsheet. Excel goes by pt whereas the browser goes by px. So setting "defaultCellStyle": {"fontFamily": "Arial","fontSize": "12"} makes the browser spreadsheet look like I want it, but when exporting to Excel it is interpreting it as 12pt, which is a much larger font than it should be and the values in cells turn to #####. An Arial 12px in the browser should be equivalent an Arial 9pt in Excel.

I have tried doing like "fontSize": "12pt", but that causes an error in the exported Excel file.

It seems like the best way to handle this would be to allow us to specify "fontSize": "12pt", or add like "fontUnit": "pt" so that the browser css user pt instead of px. Or a way to specify two different defaultCellStyle fontSizes, one for browser spreadsheet and one for exports.

See attached picture as example of browser vs export.

Spreadsheet

answered on 11 Jan 2018

1 answer

148 views

Custom Tool Doesn't Work

The "EXAMPLE - SHOW A CUSTOM TOOL" at https://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet#configuration-toolbar does not seem to work. Using the preview or opening in dojo displays no custom button on the toolbar. It looks like one might be created, but it is invisible unless you hover over the right place, and even then it is just an empty shaded square.

I am trying to add a custom button to the toolbar on spreadsheet and can't seem to get it to work either.

Spreadsheet

answered on 11 Jan 2018

11 answers

833 views

Multiple event templates

Is it possible to have multiple event templates for the Scheduler. I have a scheduler that is used for allocation work. One event type is the assignee's availability and the other events are various other work.

What I would like is to have the availability event as a thin band of colour... there does not have to be any text. The attached file shows an example of what I have achieved. What I'd like is for the green availability blocks to be just a slim green block no text is required (about a quarter of the current width).

Scheduler

answered on 11 Jan 2018

1 answer

434 views

Sorting on multiple columns not working

I have been brought in rather late to a project and am trying to get the system stable until I can rewrite it.

We have a grid where I have set in the options

sortable: { mode: "multiple", allowUnsort: true, showIndexes: true }

However, we can only ever sort by a single column. No matter what I've tried, it's always a single column.

What can I look at to start troubleshooting why sorting is always single?

Grid

answered on 10 Jan 2018

4 answers

875 views

Red border on Editor, MultiSelect

I documentation I found example how to add red border to widgets. But it is not working for editor and multiselect.

How can I achieve that?

PS: There is also some strange issue. Textarea doesn't show required message, and multiselect does even if it is not empty. (look attached image)

Validation