Hi, i have a grid which is not sorting correctly. I am using a template to define columns. I think the issue is that the column sort value/field for the individual columns is not explicitly defined so i don't see how the grid would know what to sort on. How can i define which field each column in my template should sort on?

$("#listGrid").kendoGrid({
            rowTemplate: kendo.template($("#detailsTemplate").html().replace('k-alt', '')),
            altRowTemplate: kendo.template($("#detailsTemplate").html()),
            scrollable: false,
            dataSource: {
                transport: {
                    read: url
                },
                schema: {
                    model: {
                        fields: {
                            ItemId: { type: "number", sortable: true },
                            ItemName: { type: "string", sortable: true },
                            Created: { type: "date", sortable: true },
                            Modified: { type: "date", sortable: true },
                            OwnerName: { type: "string", sortable: true },
                            OwnerId: { type: "number", sortable: true }
                        }
                    }
                }
            },
            sortable:true
        });


<script id="detailsTemplate" type="text/x-kendo-template">
        
    <tr class="row k-alt">
        <td>
             <a href="/Members/Chart.aspx?costDriverId=#=ItemId#">#= ItemName#</a>
        </td>
        <td>
             #= kendo.toString(Created, "dd/MM/yyyy") #
        </td>
        <td>
              #= kendo.toString(Modified, "dd/MM/yyyy") #
        </td>
        <td>
        #if(OwnerId.toString() == userInfo.UserId){#
            Me
        #}else{#
            #:OwnerName#
        #}#
        </td>
        <td>
          <a class="copyLink" onclick="copyCustomData(#=ItemId#, this) href="\#">Copy</a>
        </td>
        <td>           
             #if((OwnerId.toString() == userInfo.UserId) || (userInfo.IsGAM == true)){#
                <a class="editLink" href="/CustomData/?id=#=ItemId#">Edit</a>
            #}#               
        </td>
        <td>
            #if((OwnerId.toString() == userInfo.UserId) || (userInfo.IsGAM == true)){#
                <a href="\#" onclick="deletePricingModel(#=ItemId#, this);return false;"><img src="/Content/images/member/delete_icon.gif" alt="Delete" /></a>
            #}#                            
        </td>
        <td>
            #if((OwnerId.toString() == userInfo.UserId) || (userInfo.IsGAM == true)){#
                <a href="\#" onclick="sharePricingModel(#=ItemId#);return false;"><img src="/Content/images/member/iconShare.gif" alt="Manage Sharing" /></a>
            #}#               
        </td>
    </tr>
    
    
    </script>

I'm trying to using Kendo TreeView with attribute data initialization, following the official documentation.
As far as I understand, the next two portions of code should be equivalents:

1.- data attribute initialization style:

<div id="treeview-right"
           data-role="treeview"
           data-source="inline"
           data-text-field="['categoryName', 'subCategoryName']">
</div>
2.- JQuery style:

<script>
            $("#treeview-right").kendoTreeView({
            dataSource: inline,
            dataTextField: ["categoryName", "subCategoryName"]
            });
</script>
The way number 2 works as expected, but the number 1 renders the tree 
but without the parent node's text(showing 'undefined' text, like it 
doesn't recognize the 'categoryName' parameter from data-text-field 
value. By the way , when I set data-text-field to 
data-text-field="['categoryName']
 it shows the parent node text, but not the child node's text, as expected. 
I'm using the examplefrom the official tutorial (JQuery style initialization),
 if someone wants to see the whole code. Is it correct my supposition?,
 Why  with attribute data initialization doesn't work? .
 

In IE8, the nice shaded box that surrounds the individual items in the ListView is not there, which I assume is a CSS issue with IE8.  This happens on the Kendo Web ListView Editing example, which is what I've used as a model:
http://demos.kendoui.com/web/listview/editing.html


I've attached images of what it looks like in IE8 and IE9 browser mode.  Unfortunately, our browser standard right now is IE8 and I'd really like to have the nicer formatting.  Is there a way to get IE8 to display the same way as IE9?

Thanks!

I am returning http custom header from server after a user has uploaded a file. I would like to get hold of these header in the client , is it possible to get headers in onSuccess function ?

This is my code for simple kendoGrid but it's didn't show the grid only html table . My scripts are in Layout.cshtml. And kendo works fine with HTMLhelpers.What am i missing
<script>
    
    $("#ProfitTab").kendoGrid()
</script>
<table id="ProfitTab">
    <thead>
    <tr>
           <th>
            @Html.DisplayNameFor(model => model.IdCategory)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Value)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Description)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.DateInput)
        </th>
        <th>Action</th>
    </tr>
    </thead>
    <tbody>
@foreach (var item in Model) {
    <tr>
         <td>
            @Html.DisplayFor(modelItem => item.IdCategory.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Value)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Description)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DateInput)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Details", "Details", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.Id })
        </td>
    </tr>
}
    </tbody>
</table>

Hi,

We are showing  graph by using WebHelper.dll and webMatrix.dll. by fetching the values from database. The dll is present in MVC3 .
 
On button click we are able to show gchart but it is showing as image.
 
Can you please tell me how to show the graph on the same page without image type?

Regards,
-Pritam.

We have been testing kendo mobile's robustness to see if we can switch our entire development over to this framework.

On our initial tests everything worked beautifully. After we started to stress test it we found that due to the frameworks lack of memory management features we hit jumpy scrolling and delayed view transitions.

We would look at documentation and find bits to make things work better however, we are still looking for best practices in keeping responsiveness quick and memory usage down.

Our two main culprits/memory hogs are large listViews with images and transitioning between views.

What techniques have you used? We are thinking of destroying views after transitioning away from them.  

Also, what are all the possible events that a view can fire and is there documentation about these? I have found init, beforeShow and show.

I've setup a listview with a long list and having an input radio binding set on each. I have setup an example that shows this on this fiddle

http://jsfiddle.net/9QB4K/1/

Although the scrolling isn't working in the fiddle, the example is demonstrable by click-dragging and moving the mouse up, as if you were going to drag the screen. Regardless of the swiping action, it checks the row that you had clicked on.

I believe this is a bug, similar to another thread that I can't find now where it was reported fixed, but for android devices.

Hi,

   I am having the requirement that I am having the page with Asp:ObjectDataSourceControl which has some list of records. I want to use asp.net datasource control in Kendo gridview. Can anyone tell me how to provide datasource value of kendo gridview with sqldatasource/objectdatasource control.

Hi, 
   
    I am having the requirement that I am having WCF service which is not REST/JSON based. This is a simple WCF service. I am having ASP.NET MVVM based pattern application which has views, model and viewmodel. In most of the examples in Kendo UI written with MVC pattern(i.e with Controller). Can anyone share how to use ASP.NET MVVM (Not kendo client side MVVM) to populate data in kendo GridView.