Hi,

I have an MVC grid view and I'm setting the current sort value of the grid programatically (similar to http://stackoverflow.com/questions/13863111/kendoui-programmatically-setting-grid-sort). I don't wish to actually sort the grid at the time I set the sort so I'm doing something like this 

var grid = $("#ServiceAuth").data('kendoGrid');
grid.dataSource.options.sort = [{ field: "AuthType", dir: "asc" }];

and then when I do actually want to sort the grid:

grid.dataSource.sort(grid.dataSource.options.sort);

Data-wise this sorts the grid correctly, however the new sort isn't reflected on the indicators at the top of the grid. Is there a way to do this so the grid reflects the data sources sort property?

Thanks in advance for your help

hi, 

I'm trying to sort the data in my bar chart and there is a problem with the chart result. The result inside the chart after sorting is not tally with the original data. 

Here is my code in fiddle http://fiddle.jshell.net/seqyee/eku39yj8/

Hi,

I make a simple dialog with the k-i-tick  Icon as OK replacement:

Dojo: Simple Dialog

All work fine, only the tick icon is black. But in Nova theme the icons are white.

It is possible to show the tick icon also in white?

Peter

I am trying to implement multilevel lazy loading treeview. We are not sure of how many levels of nodes will be there in the treeview.

1. ) How can i implement multiple levels of nodes ?  i have X number of items and it is not possible for me to provide  children always. 

2. )  while creating my treeview data model i have an attribute "RANK" in the model. How do i get value of RANK for expanded node so that i can pass it as input while calling service to load child node? 

For URL i need to add RANK as parameter. When i used   url: function (options) { })  i am only getting ID value in options but not the RANK. 

Below is the code i implemented for two levels.

Please help. If possible please provide an example.

Thanks in advance.

    <div id="trVwScanOrg" ></div>

    $(document).ready(function () {
        TreeviewDataBind();
 });


    function TreeviewDataBind() {
var SecondLevel= {
            transport: {
                read: {
                    url: function (options) {


                return kendo.format(MVC URL + parameters in querystring);

                    },
                    type: "get",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    id: "ID",
                    hasChildren: "HasChildren",
                    children: NextLevelItems,
                    Name: "Name"
                }
            }
        };

        var FirstLevel= new kendo.data.HierarchicalDataSource({

            transport: {
                read: {
                    url: MVC URL + parameters in querystring
                    type: "get",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    hasChildren: "HasChildren",
                    id: "ID",
                    children: SecondLevel,
                    Name: "Name"
                }
            }
        });

        var trVwScanOrg = $("#trVwScanOrg").kendoTreeView({
            dataSource: FirstLevel,
            dataTextField: ["Name"]

        });
    }

Background:

I have a responsive website where a kendo menu and responsive panel are used to create a responsive menu.  All links visible when on a large screen, but it collapses to an expandable menu when on smaller devices).

Examples:

http://demos.telerik.com/kendo-ui/responsive-panel/index

http://docs.telerik.com/kendo-ui/api/javascript/ui/responsivepanel

Issue:

This works beautify on every single device/browser with the exception of safari (testing on an ipad).  When hitting the menu button, the menu will appear for a split second then close right away.

I found that it works fine in safari ONLY for pages WITHOUT images (yes, you read that right - i remove all <img> tags and it works fine).  I searched ever CSS file, inspected the elements in chrome, and i don't see any unusual styles being applied to images.  What could possibly be clashing in safari to cause this??  Any insight is appreciated!

This code was plucked from a previous developer online (i remember seeing it but can't find the link again):

Hi,

I have an image with a click event in my ListView template - on the actual list item.

But by the time the click event fires, any multiple selection is lost.

No amount of preventDefault seems to fix this.

Perhaps I can code something complex to remember the selected items, but is there any way this would work without it?

<script id="group-available-template" type="text/x-kendo-template">
<div class="group available k-widget">
<div class="name">#:name#</div>
<div class="group-action arrow-left" id="add-assigned" data-bind="click: actions.addGroup">
<img src="../images/admin/arrowleft-16.png" />
</div>
</div>
</script>