Hi,

I'm using a telerik grid, and i found that when trying to display a string which first character is a white space, the telerik grid trims it, although in the markup, the white space is there.

Any solutions to this issue?

Hi,

I have problem with Czech sorting rules (we have native special chars on different position in alphabet). During debuging the Kendo.web.js library I discovered global variable Comparer with 'methods' asc and desc. How to I can override it or force main custom fuctions to compare values. I don't want to change original code.

Thanks, Petr

Didn't like how the MVC Destroy() method worked so I wired up my own. This is a simple function to help you get the row's data when you fire off the custom event.

Essential "e" is the event that is fired from the custom command event in your Kendo UI grid. It takes the target and turns it into a JQuery object. It grabs the uid of the row and then matches it with the uid in the data. Its very quick and works nicely. Sure there are other ways to skin this cat but this seemed to be very smooth. Seems to me there should be a JQuery data object for the row but all I saw was the uid hence this function below. Anyway thought I'd share.

   function getRowData(e) {
        var target, grid, uid, row, data;
        target = $(e.target);
        uid = target.parent().parent().data().uid;      
        grid = $('#Grid').data('kendoGrid');        
        row = grid._data;
        for (var i = 0; i < row.length; i++) {
            if (row[i].uid == uid) {
                data = row[i];
            }
        }
        return data;
    }

What you'll get is your data for the row as an object so you can simple do:

// note below assumes you have a custom column command that on .click() is attached to the "deleteRow" function "e" is the event that the click event will pass in.

function deleteRow(e){
var data = getRowData(e);
var name = data.full_name // where full_name is a column in your grid. 
alert('Are you sure you want to delete ' + name);
// TODO: wire up your delete event passing in an id or something
$.post('/your/path', {}, function (result) {
if(result.deleted){
// load your UI or whatever
}
});
} 

The getRowData function you can copy/paste but the above "deleteRow" is just an example you'll need to modify to your needs.

I'm having an issue with binding a json file to my chart. I am attempting to have a multi axes chart with stacked and grouped columns. I have it working with static data but cannot get it to work with the dataSource json file. I believe I need to be able to filter the datasource differently for each series. I've included a sample of the function, am I going about this wrong?

$("#ApplesOrangesChart").kendoChart({
theme: $(document).data("kendoSkin") || "default",
datasource: {
transport: {
read:  "testjson.json",
},
sort: {
field: "MonthNumber",
dir: "asc"
},
},
title: {
text: "Apples to Oranges 2011 vs 2012",
},
legend: {
visible: true,
position: "bottom",
},
seriesDefaults: {
type: "column",
},
series: [{
name: "2011 Apples",
stack: "2011",
axis: "monthly",
field: "AppleValue",
filter: { field: "Year", operator: "eq", value: 2011 },
}, {
name: "2011 Oranges",
stack: "2011",
axis: "monthly",
field: "OrangeValue",
filter: { field: "Year", operator: "eq", value: 2011 },
}, {
name: "2012 Apples",
stack: "2012",
axis: "monthly",
field: "AppleValue",
filter: { field: "Year", operator: "eq", value: 2012 },
}, {
name: "2012 Oranges",
stack: "2012",
axis: "monthly",
field: "OrangeValue",
filter: { field: "Year", operator: "eq", value: 2012 },
},{
type: "line",
axis: "cumulative",
field: "CumlativeValue",
filter: { field: "Year", operator: "eq", value: 2011 },
name: "2011 Cumulative",
}, {
type: "line",
axis: "cumulative",
field: "WonCumlativeValue",
filter: { field: "Year", operator: "eq", value: 2012 },
name: "2012 Cumulative",
}],
valueAxis: [{
name: "monthly",
title: {text: "Monthly"},
labels: {
template: "#= kendo.format('{0:N0}', value / 1000) # M"
},
},
{
name: "cumulative",
title: {text: "Cumulative"},
labels: {
format: "C"
},
}],
categoryAxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sep", "Oct", "Nov", "Dec"],
majorGridLines: {
visible: false
},
},
});

Hi,

I'm having a problem with Kendo Grids and Adobe Air.

When I create a new DataSource (let's call it DS) and then set it to a Grid when the page is loading (document ready), it works great  and  the grid is correctly populated.

But I try to do it after page load, I get the following error:


So I thought I could just create a row template, and I did it with:


And the error give is very similar. I then proceeded to create a "dumb" template in order to test everything thoroughly, and did as follows:


Which produces the following error:


I started digging in Adobe Air configuration, since it could the source of error, and found the following: 

Adobe Air Security Issues

So basically Adobe Air does not support eval (which I believe is used for the templating system).

Is there any workaround for this issue?

Tks,

HL

Hi everyone,
I have a strange issue.
I am loading my kendo mobile app in iframe and the some css isn't applied and the tab button images are not showing up(just blank buttons). This seems happening on the initial loading and if I hit F5 to refresh the page, it then shows ok.

This happens in Chrome and the url is http://www.bookingbay.net

The reason I do this is basically to allow users to use the app on browsers as well as the mobile devices. It detects the http header to see if the user is connecting from the desktop browsers and if so it redirects the desktop users to the desktop.html page which does this iframing to enclose the app into smaller real estate.

Anyone experienced similar issues? Thanks in advance,

Warm regards,

John Choi

Hi guys,
Great job with the UI and Keep on the good work.
I have a thought about the Url when I combine using the grid filterable, groupable etc very unclean.
And my question is that there are some ways I can make the Url little cleaner somehow ? 

http://localhost:55517/Assignment/Completed?Grid-page=1&Grid-orderBy=~&Grid-groupBy=CreatorCaption-asc&Grid-filter=~&Grid-size=10 

Regards

Your Unique Customer ID is: RM917591

Hi,
1) I am using the following code in the Change event:

@(Html.Kendo().DropDownListFor(m => m.Page.PageSource)
                          .DataTextField("Text")
                          .DataValueField("Value")
                          .BindTo(Model.PageSourceList)
                          .Value(Model.Page.PageSource)
                          .Enable(!Model.Page.IsSystem)
                          .HtmlAttributes(new { id = "source" })
                          .Events(e=>e.Change(@<text>
                          function(e) {
                            alert(e.item);
                          }</text>)))

and I get "undefined" when I change the item in the select list.

2) Is there a way to have this event fire initally when the page loads?

Thank you,
David A

Is there a way to detect that the user has scrolled to the end of the list so that more list items can be loaded from a remote datasource for example?

Ideally, since the Kendo Datasource framework already supports paging, the ListView should just auto-detect that the list needs to load the next page of records when the user scrolls to the end of the list items currently loaded.

It's a bug that I also reproduced on your site

First enter this date in the date picker: August 31, 2012
- With the date picker calendar, click on header to display the 12 month
- Select November

The month that appears is December's

The problem is, if the date display at first is a 31 and the month you select have only 30 day, he display the next month.