Questions on Kendo UI for jQuery Forum

1 answer

369 views

Uploading files with international file names

It seems that the Kendo Upload control has a Problem with international file names. I.e. i select a file with the arbitrary name یاتلبمتیابنیب.docx, and the resulting POST request looks like this:

Headers:
Content-Length: 13439
Content-Type: multipart/form-data; boundary=---------------------------105252201922976
(...)

Content:
-----------------------------105252201922976
Content-Disposition: form-data; name="files"; filename="ÛØ§ØªÙØ¨ÙØªÛØ§Ø¨ÙÛØ¨.docx"
Content-Type: application/vnd.openxmlformats-officedocument.wordprocessingml.document

(...)

It is clear the the file name is garbled within the Content-Disposition header within the part containing the file.

RFC2388, Section 4.4 specifies:
Forms may request file inputs from the user; the form software may
include the file name and other file attributes, as specified in [RFC
2184].

The original local file name may be supplied as well, either as a
"filename" parameter either of the "content-disposition: form-data"
header or, in the case of multiple files, in a "content-disposition:
file" header of the subpart. The sending application MAY supply a
file name; if the file name of the sender's operating system is not
in US-ASCII, the file name might be approximated, or encoded using
the method of RFC 2231.

This is a convenience for those cases where the files supplied by the
form might contain references to each other, e.g., a TeX file and its
.sty auxiliary style description.

This does not seem to happen here. As a result, kendo Upload's behavior with international filenames seems undefined.

This problem was witnessed with kendo UI Web, v2013.3.1119.

Any known workarounds?

Upload

answered on 30 Jul 2014

1 answer

234 views

Select all in Virtual Remote Data grid

On my grid, I have a column that contains a checkbox (in addition to having selectable=multiple). In the header of the checkbox columns, I have a checkbox with "select/deselect all" as the header text. The grid also has virtual, remote data paging.

I am using the standard way of getting the selected rows - select().

When I click on the CheckAll checkbox, I'm guessing the best way to approach this is to get all the remote data on the client and select all the rows on dataBound. Does this make sense or is there another way to approach this?

If I do need to get all the rows from the server, I don't want to get the rows that are already on the client. How can I instruct Kendo to get all rows, except for those that are already on the client - or if that's really not realistic, how do I instruct Kendo to get all rows? Would I just update the dataSource and set the pageSize to the total number of records and do a dataSource.read()?

Thanks,
--Ed

Grid

answered on 30 Jul 2014

4 answers

372 views

[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

843 views

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

132 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

550 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

659 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.3K+ views

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

105 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

262 views

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