Questions on Kendo UI for jQuery Forum

4 answers

393 views

[Solved] [BUG?] Context Menu and removal of targets from DOM

http://jsbin.com/gaketa/2/

The Kendo Context Menu stops working if you remove one of it's targets from DOM.

In the example to which I linked in the beginning of this post I bound a kendoContextMenu to a grid. Upon opening of the grid I get the dataItem from the grid dataSource which I can delete or display. If I display data, all works well with no hiccups and the contextMenu will open again after it. But when I delete a row from the grid it simply closes up and refuses to popup again. I've done a bit of digging and discovered that the contextMenu does not refresh it's target list from which I reckon the problem I have stems from.

As always thank you for your time and looking forward to any assistance to this predicament.

With regards,
Dorian

Menu

answered on 30 Jul 2014

9 answers

868 views

[Solved] Export Chart to an image and to pdf?

How to Export Chart to an image and to pdf?

Charts

answered on 30 Jul 2014

1 answer

146 views

Treeview data binding performance

Hello,
I need to bind around 900 nodes or more with 3 to 4 depth and it seems take around 3-4 mins.
is there any way to improve performance?

Thanks

TreeView

answered on 30 Jul 2014

3 answers

577 views

Kendo MVVM with MVC5 and MVC HtmlHelpers

Hi everyone, my company just recently purchased the Kendo UI control suite and we're experimenting with some different approaches for a new site we're going to begin working on. One thing we are definitely doing is using MVC5 / EF6 - and for a while we were thinking it might make sense to take a JS MVVM approach on the client, but I'm starting to think otherwise. We would like to have a rich client experience, but I think minimizing development time is more important.

I have two questions:

First, does it make sense to do a combination of MVVM and MVC? We would have ASP.NET MVC just return a JSON result that gets consumed by Kendo MVVM, I suppose. It seems like we would miss out on our annotated unobtrusive validation though with this approach - is that a correct assumption? What other pros and cons are there to this approach?

Second, is there a better way to write this DropDownList implementation? I know I could do it without the Helper methods, but I'm just curious if I could use the Helper and keep the code to a minimum while using MVVM:

<div>

@*Example using Kendo / MVVM*@

@Html.Kendo().DropDownList().Name("TestDropdown").DataTextField("name").DataValueField("id").HtmlAttributes(new Dictionary<

string, object> { { "data-bind", "value: person.contactType, source: contactTypes" } })

</div>

<div>

@*Example binding directly to MVC ViewModel*@

@Html.Kendo().NumericTextBoxFor(x => x.TestInt)

</div>

Thank you,

-Adam

MVVM

answered on 30 Jul 2014

1 answer

694 views

The scheduler is not displaying events

I think I am going loopy, because this should be working. I've tried every possible way of instantiating a scheduler widget. I can get the widget to return events if I use the MVC wrapper or even a straight copy and paste of the demo's using the jsonp data type.

But do you think i can get the json data type to work. Here is my code thus far.

var dsSchedule = new kendo.data.SchedulerDataSource({
transport: {
read: {
url: '/api/Schedule/JobBoard',
dataType: 'json',
},
},
schema: {
model: {
id: 'taskId',
fields: {
taskId: { from: "TaskID", type: "number" },
title: { from: "Title", defaultValue: "No title", validation: { required: true } },
start: { type: "date", from: "Start" },
end: { type: "date", from: "End" },
description: { from: "Description" },
recurrenceId: { from: "RecurrenceID" },
recurrenceRule: { from: "RecurrenceRule" },
recurrenceException: { from: "RecurrenceException" },
isAllDay: { type: "boolean", from: "IsAllDay" }
},
},
},
});

$("#scheduler").kendoScheduler({
date: new Date(),
startTime: new Date(),
height: 600,
views: ["day", { type: "workWeek", selected: true }, "week", "month", "agenda"],
dataSource: dsSchedule
});

If directly tried setting the dataSource as the widget is instantiated or later as per the following

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

scheduler.setDataSource(dsSchedule);

Both methods trigger the SchedulerDataSource to fetch the data

AggregateResults: null

Data: [,…]

0: 

Attendees: null

Description: null

End: "2014-08-01T23:59:00Z"

EndTimezone: null

IsAllDay: false

JobId: 64

RecurrenceException: null

RecurrenceID: null

RecurrenceRule: null

Start: "2014-07-30T00:00:00Z"

StartTimezone: null

TaskId: 166

Timezone: null

Title: "Full engine rebuild and clean-up"

Errors: null

Total: 1

But yet the schedule does not display the event. I am obviously missing something and there are no demo's of the web scheduler using json. If someone could lead me in the right direction, that would be great.

Thanks

Scheduler

answered on 30 Jul 2014

2 answers

1.4K+ views

[Solved] Column Filter Menu With (not visible) Implied Operator

I'm trying to add filters to a few columns on my grid. I've got the data sources all setup and the filterable: ui working fine. My issue is that when I click on the filter icon on the menu, all I want to see is the DropDownList and the Filter/Clear buttons. I don't want to see the drop down with the list of operators - I always want the operator to be "eq".

Here are my latest tries at configuration that still don't work (first is the filterable, second is the columns.filterable)
filterable: { extra: false, mode: 'menu' }
filterable: { ui: companyFilter, cell: { operator: 'eq', showOperators: false}}

where companyFilter creates a kendo DropDownList with the dataSource being a variable with the distinct companies

Thanks,
--Ed

Grid

answered on 29 Jul 2014

2 answers

121 views

How to model this object?

Hello,

I am having trouble creating a datasource schema model definition for the following json object returned from a service call. How do I make the specification for the phones array and nested address object?

Thank you.

"customerId":50,

"name":"Customer Name",

"website":"http://customersite.com",

"phones"

:["939-555-1212", "212-333-1200"],

"address": {

"address1":"123 Main Street"

"address2":"Suite 10"

"city":

"Santa Monica",

     "zip":"99029",

     "state_id":1,

     "country_id":1

     }

Data Source

answered on 29 Jul 2014

2 answers

283 views

[Solved] Setting "Save" routing values dynamically

I have a Kendo().Upload() defined in MVC4.
My events handlers are defined as:
.Events(ev => ev.Select("onFileSelected"))

My asynchronic is defined as.
.Async(a => a.Save("uploadFile", "uploadEmailAddresses", new { intListDescID = "[intListDescIDSelected]", campaignID = "[campaignIDSelected]" }))

As You see I am using routing parameters and it is working fine on my uploadFile ActionResult within the uploadEmailAddresses controller.
But my values within the route need get changed dynamically as for two dropdowns result
<select id=”campaignIDSelected”></select>
and
<select id=” intListDescIDSelected”></select>.

How can I change those two routing values from within the function onFileSelected(e)?

Upload

answered on 29 Jul 2014

1 answer

148 views

AngularJS & Kendo Grid - Not work with IE8

Hello, I work with kendo grid (via AngluarJS, "kendo.directives").
It work great for Chrome, and IE 11&10&9.
I try to test it with IE8...
The data in grid wasn't appear and next error was appear in console: (full error attached 1.jpg)
***************************************************************************
Error: Invalid template:'<tr data-uid="#=data.blah1#" role='row'><td role='gridcell'><span ng-bind='dataItem.blah2'>#: data.blah3#</span></td><td role='gridcell'><span ng-bind='dataItem.blah4'>#: data.blah4#</span></td></tr>';}return o;'
***************************************************************************
I also try to test your own example of Kendo & AngularJS: 'http://demos.telerik.com/kendo-ui/grid/angular'
and the grid is not appear once I test it with IE8 (screenshot attached 2.jpg) Error in console:
***************************************************************************
TypeError: Array.prototype.slice: 'this' is not a JavaScript object
***************************************************************************

Do I miss something or AngularJS with kendo is not supported for IE8?
There is a way to make it work with IE8?

Thanks in advance.

Grid

answered on 29 Jul 2014

3 answers

371 views

[Solved] Copying Event Via Drag & Drop

Hi Guys,

I'm hoping for some collective genius as i've hit a stumbling block trying to implement a feature request on a Scheduling application I've written.

The desired effect i'm after is that on a moveEnd event, the user should be prompted with the option to either, Move or Copy the event, with an option to cancel the drag operation also.

So far i have the following (sections of code for illustration purpose only)

var eventHolder;

$("#scheduler").kendoScheduler({

moveEnd: function (e) {

e.preventDefault();

eventHolder = e;

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

dialog.center();

dialog.open();

}

});

So i'm preventing the default operation, populating a global placeholder variable with the event data so it's accessible from the following buttons.

$("#moveEventButton").kendoButton({

click:function(e){

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

eventHolder = null;

dialog.close();

}

});

$("#copyEventButton").kendoButton({

click:function(e){

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

eventHolder = null;

dialog.close();

}

});

$("#cancelDragButton").kendoButton({

click:function(e){

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

eventHolder = null;

dialog.close();

}

});

My scheduler data source is quite complex, but in essence contains, create:, update:, read: and destroy: elements, a parameterMap: function to parse the data before the ajax post and a parse: function to format the response.

But i'm at a bit of a loss on where to go next, ideally it would be as easy as calling a method to either create or edit the event but i get the feeling it's not going to be that simple.

Thanks in advance for any suggestions!

Scheduler

answered on 29 Jul 2014