Questions on Kendo UI for jQuery Forum

4 answers

282 views

[Solved] IE 8 Upload and return error message via JSON

We currently are uploading a file and need to validate before saving it. If all validation passes we save the file and continue as normal. However if it fails we return a custom JSON object of error msgs to the client to correct. This works in IE 10 but not IE 8 (not sure about IE 9).

Little more info on what we are doing when validation fails – ASP MVC 4.
1. Set return HTTP Status code to 500 (Internal Svr Error)
2. To force IIS not to override our result set Response.TrySkipIisCustomErrors= true
3 . Return our JSON object (content-type of text/plain)

In IE 10 we get the object back in the xhr and it sees the status code of 500 and fires the error event. However in IE 8 we are getting the fakeXhr and it is determining success based on if it can parse the response as JSON. So of course it's successful and then calls the success event handler for the upload control. Now that it's fired the success event the upload control thinks all is well and updates UI/data to match.

So is there a way to:
1. Return JSON and a status code of 500 and have IE 8 see it as an error regardless of if it can parse the JSON?
2. In the success mark it really as an error (fire error event) and not have the UI/data update as if it was successful?

Any help would be greatly appreciated!
Patrick

Upload

answered on 11 Sep 2013

7 answers

564 views

[Solved] Custom create/edit form

Hello,

what is the best practises way to use custom forms for create and edit my events? I don't want use templates becouse I would like to use custom validation and dedesign of edit forms. If I call e.preventDefault() in edit function, scheduler returns error after second opening create form by double click in scheduler...

cancelEvent() function isn't too much elegant...

Any other possibilities?

Thanks David

Scheduler

answered on 11 Sep 2013

1 answer

222 views

Calling dataSource.parameterMap function from outside

Hi,

I have four multiSelects that contain hierarchical data so that level 4 item knows its parents in level3, level2, and level1 and so on.

Each of multiselects has their own remote dataSource. Everytime when a dataSource requests for items from server the parameterMap function reads selections from its "parent" multiselects and puts them as parameters to request. I also attach the multiSelect's search text as parameter to the request.

Like this way:

$("#level3-multiselect").kendoMultiSelect({

autoBind: false,

dataTextField: "name",

dataValueField: "id",

dataSource: {

serverFiltering: true,

transport: {

dataType: "jsonp",

read: baseurl: 'http://myurl'

parameterMap: function(options, operation) {

var _name = "";

if ('filter' in options && options.filter.filters.length > 0) {

_name = options.filter.filters[0].value;

}

return {

level1ids: getLevel1Ids().join(),

level2ids: getLevel2Ids().join(),

name: _name

}

},

schema: {

data: "items"

}

});

My problem is that the multiselects parameterMap function is fired only when I change the text in that particular box. In additon to that, I would also like to run parameterMap function every time when a parent-level selection changes. I know there is a 'selected' event in multiSelect widget, but how can I call parameterMap function of a multiSelects dataSource?

Olli

Data Source

answered on 11 Sep 2013

1 answer

81 views

Forms with a declared type crash on Android devices when selecting or clearing the input.

I'm having a problem with the Kendo UI mobile framework, my mobile website contains form input fields. Some have a declared type "date"or "time" and when clicking these it opens up the native selection method for this type of form. Unfortunately when "accepting"or clearing the input with this it crashes the mobile browser.

Testing was done with a Samsung Galaxy Note - Android version 4.0.3 , hope you can help with fixing this issue

General Discussions

answered on 11 Sep 2013

4 answers

424 views

Timepicker: Save in different format than parseFormat

Good morning, in our project our server expects time values to be a string in 24-hour format (HH:mm:ss).However we want to use timepickers that display 12-hour format with AM/PM (hh:mm tt) to the end user. Right now I am using:

$('.timePicker').kendoTimePicker(
{
  format: "hh:mm tt"
parseFormats: ["HH:mm:ss"]
});

and this works fine in terms of displaying the correct value from the database. However the problem is that the value of the field is saving back out to 12-hour format (hh:mm tt) instead of 24(HH:mm:ss).

What can I do to display 12-hour format but save 24-hour?

Thank you,

Guillermo Sanchez.

DatePicker

answered on 11 Sep 2013

3 answers

239 views

Remote view - best practice

Hello,

I looked at the view-demo (local view/remote view) and would like to know, if it is preferably to keep all the views in a mobile app in one single large file - if possible - or better to split them up in separate files? What is best practice? Any concerns when using Phonegap?

Thanks in advance
Per

General Discussions

answered on 11 Sep 2013

1 answer

299 views

Modal Window with fixed width not centered when the window is resized

My application features many modals, all with different widths. I understand you can set the width of a modal inline by doing something like:width: 400px margin-left: -200px;This works when the window is at 100%, but if you resize the window and it gets down to a small enough width the window is now -200px off of the screen. If I don't use margin-left: -200px then the window is not centered on the page at all.

In summary, I want to be able to set different widths to my modal windows, have them center on the screen when opened, and if the screen is resized the modal window needs to slide and stay in the center of the screen.

There has to be a more effieicent way to center these modal windows...

Any help is greatly appreciated.

General Discussions

answered on 11 Sep 2013

1 answer

116 views

Datasource in tree

Hello there.
I am using kendo Mvc Ui on my application.
In my scenario I have to used a tree view on the left side, and on the right the details section. when i click a node from the tree view, on details section it will show its details.

It is fine upto now, now the problem is like I need to show records from two tables on the tree.
Like, I have a sector table, Id and Name, another table category is Id, SectorId and name.
So now I have to bind the grid as

Sector1

Category1

Category2

Category2-1

category2-2

Sector2

Category1

Category2

Category2-1

category2-2

and it is based on ajax data source.

here is my configurations

@(Html.Kendo().TreeView()

.Name("categoryList")

.DataTextField("Name")

.DragAndDrop(true)

.DataSource(ds =>

{

// ds.Read("ajaxCateegoryList", "category");

ds.Read(read => read.Action("ajaxCateegoryList", "category"));

})

.Events(evt =>

{

evt.Expand("expandHandler");

evt.Select("selectedHandler");

})

)

My controller

public JsonResult ajaxCateegoryList(string id)

{

if (string.IsNullOrEmpty(id))

id = Request.QueryString["id"];

var cats = new List<Category>();

if (!string.IsNullOrEmpty(id))

cats = _categoryService.GetAllCategoriesByParentCategoryId(Convert.ToInt64(id)).ToList();

else

cats = _categoryService.getAllParentCategories();

var model = cats.Select(x =>

{

return new

{

id = x.Id,

Name = x.Name,

hasChildren = _categoryService.GetAllCategoriesByParentCategoryId(x.Id).Count > 0

};

});

return Json(model, JsonRequestBehavior.AllowGet);

}

This one is being used for only category navigation. I m clue less how to make it sector base from ajax datasource, I means how the tree will understand what is sector and what is category.

TreeView

answered on 11 Sep 2013

1 answer

115 views

Hierarchy Grid from one object

I have an object that is nested, and want to have a grid that shows a hierarchy from that, without (as the examples are shown) ajax to get the data for each parent. Is that possible?

For example
The object (Authors) with a Books Collection.

I don't want to query through to an object to get the books for each author, rather I've already got it.

Does the hierarchy require Ajax calls via DataSource()?

Grid

answered on 11 Sep 2013

1 answer

65 views

jquery.min.js to jquery-min.js

Hi,
can you please change jquery.min to jquery-min in the next upgrade?

it will help anyone who uses MVC as jquery-min is loaded first by default.

P.S.
of course there is a workaround but it is still better to have the defaults synchronized

General Discussions

answered on 11 Sep 2013