Questions on Kendo UI for jQuery Forum

2 answers

365 views

Kendo Grid Sending extraneous DELETE requests

I am experiencing a strange issue with my kendo grids; if I delete a row, the row is successfully removed, and the XHR DELETE request is successful. Any subsequent inserts or updates to my kendo grid however, are always sending an extraneous DELETE request, and failing.

Also, if I delete multiple rows from my grid, then any subsequent inserts or updates will send multiple extraneous DELETE requests, one for each of the earlier successful deletes.

The extraneous DELETE requests are failing (status 500). Presumably because the rows in question have already been deleted. This causes the insert/update to fail as well.

Any clue to what's happening? Does the kendo grid queue up the DELETE requests but is somehow keeping successful DELETE requests in this queue?

Thanks in advance.

Grid

answered on 16 Oct 2013

2 answers

7.8K+ views

Problem with DataSource POST request for Read Operation

I am calling a WCF webservice which exposes a POST method for login (returns user data if successful). When I make the call via jQuery Ajax it works as expected, but when I make the equivelant Kendo UI DataSource call it fails. Here are the basics:

VARIABLES USED IN THE SAMPLE CODE:
jsonData = {"userName":"abc123","password":"abc123"}
url = "../Authentication.svc/Login3"

KENDO CALL (fails):
---------------------
var dataSource = new kendo.data.DataSource({
    transport: {
               read: {
                       url: url,
                       dataType: "json",
                       data: jsonData,
                       type: "POST",
                       contentType: "application/json",
                       processData: false
                     }
               }
});

REQUEST PAYLOAD AS SHOWN IN NETWORK TAB OF CHROME DEBUGGER:
[object Object]
RESULT: 400 - Bad Request
------------------------------------------

AJAX CALL (works!):
-----------------
$.ajax({
         url: url,
         type: "POST",
         contentType: "application/json",
         data: jsonData,
         processData: false,
         dataType: "json"
});

REQUEST PAYLOAD AS SHOWN IN NETWORK TAB OF CHROME DEBUGGER:
{"userName":"abc123","password":"abc123"}
RESULT: 200 - Successful

Any ideas or assistance would be appreciated.

Doug

Data Source

answered on 16 Oct 2013

2 answers

290 views

Please consider supporting Quarters in Date Series just like Weeks

See: http://www.kendoui.com/forums/kendo-ui-dataviz/chart/column-chart-showing-too-many-labels.aspx#csZezjCekEKfhtaq6IxepA

Currently I've got the following code in my chart:

categoryAxis: {

baseUnit: "fit",

autoBaseUnitSteps: {

seconds: [],

minutes: [],

hours: [],

days: [1],

weeks: [1],

months: [1,3],

years: [1]

},

maxDateGroups: 36,

majorGridLines: {

visible: false

}

However, the date range being used in the chart is dynamic, and sometimes the quarters will be Feb May Aug Oct. It would be a really nasty workaround to force the data into the correct quarters. A quarter is not the same as 3 months in the same way that a week is not the same as 7 days. Kendo automatically lines weeks up on Sundays. Please consider doing something similar for quarters.

Even more useful would be the option to configure which day of the week or which month in the quarter to base the week or quarter on. I might want my week to start on Saturday or Monday.

Charts

answered on 16 Oct 2013

4 answers

300 views

[Solved] Once a ListView with endless scrolling reaches the end of the DataSource, you can't ever get it to page again

If you have a ListView bound to a DataSource with endless scrolling enabled, once you reach the end of the DataSource, you cannot get it to load additional pages of data again. This becomes an issue when you change the data in your ListView by re-querying the data source (through the "filter" and/or "query" functions on the DataSource object).

In our specific scenario we have 2 views. The first view, "View A," contains inputs. The second view, "View B," contains the ListView that is bound to a DataSource and has endless scrolling enabled. When the user enters data in the inputs on View A and clicks the submit button, we call the query() function on the DataSource passing the data from the inputs and navigate to View B. The user can then click Back, change the search parameters on View A, hit Submit again, and view the results of the new parameters on the ListView in View B.

This works great, as long as the user never scrolls to the end of the data in the DataSource. Once they do this once, they can never scroll beyond the first page of data again without restarting the app.

Is this just a limitation of the ListView and endless scrolling, or are we missing something?

Thanks,
Jonathan Marston

ListView (Mobile)

answered on 16 Oct 2013

1 answer

73 views

[Solved] Condition in View

Hello,
I needed to create a condition in the template for View.
I attach an example: http://jsfiddle.net/AH7z7/
I know that in this case it could be addressed in a different way, but my view is more complex.
thank you

SPA

answered on 16 Oct 2013

1 answer

75 views

Kendo Donut chart breaks for specific set of values [9,3,2]

Kendo Team -

We are using Kendo Donut Chart, it breaks or UI distorts in case of specific set of values, ratio is [9,3,2]. See attached screenshot.

Charts

answered on 16 Oct 2013

2 answers

138 views

Can't render data on grid

Hi

I am passing data to a kendoUI gird and the data doesn't display.
I'm new to this and am probably making a basic mistake.

My controller code is:

public ActionResult GetDataFromStream(string streamName)
{
string temp = OpenHttpGETConnection(streamName);
string[] split = temp.Split(new Char [] {'\r'});

//var myList = new List<dynamic>();
List<DisplayData> myList = new List<DisplayData>();

foreach (string s in split)
{
if(s!=null){
string[] strTemp = new string[2];
strTemp = s.Split(new Char[] { '\t' });

myList.Add
(new DisplayData
{
key = strTamp[0]
value = strTemp[1]
});
}
}
return Json(myList);

}

My index.cshtml code is:

function functionOne(streamName) {
console.log("@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName));
$.ajax({

url: "@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName),

success: OnSuccess,

});

}

function OnSuccess(data) {
//document.getElementById('dataTable').style.visibility = "visible";
myData = data;

$('#dataTable').kendoGrid({
dataSource: { transport: { read: { url: '@Url.Action("GetDataFromStream", "Home")', type: 'POST' } } },
scrollable: true,
toolbar: 'Metrics',
});

The grid get displayed but there is no data in it.
When I try to display myData[0][0], that displays fine.
But I want to display all the rows in data.

Thanks,
Kinnary

Grid

answered on 16 Oct 2013

1 answer

267 views

Add custom elements to Upload MVC templates

I am using MVC Upload template to style my own file list and would like to add download button to the template and show it only when file successfully uploaded. Is it possible to add custom html elements to upload template and manipulate them? Could you show how to do that?

Upload

answered on 16 Oct 2013

3 answers

164 views

Error event is fired at the end of upload

I have found that Error event is fired in our application while using Kendo Upload(MVC). Even in your demo using IE or Chrome we get Error event at the end of upload at http://demos.kendoui.com/web/upload/events.html

Upload

answered on 16 Oct 2013

2 answers

54 views

[Solved] How to capture ChartCategoryAxisItem label click?

Hello,

I have a stacked bar chart, basically the same as your Demo - Stacked Bars (Olympic Medals won by USA). In my application I need to perform actions when a user clicks on the ChartCategoryAxisItem label - a year, in this case.

Having had a look at the API doc I haven't found anything suitable - is there a handle that I can hook into to capture that click?

Thankyou

Charts

answered on 16 Oct 2013