MVVM binding, json has 10 columns, I only need to show 5 of those...

I've tried "visible" or "width" on the header bindings with no success...can it be done?

Hi. 

We are looking at Kendo UI for our new web offering. 
We have grids in our system which can easily contain 100K rows or more.
We do not want paging.  We want to be able to scroll across all rows without interruption.

I modified the basic grid example to generate 100K rows and set the page size to 100K.
The grid took around 4 minutes to load and then was unresponsive to user interaction.

Is there a way to specify a true virtual mode so that the data source size becomes unimportant?

Take care,

Ken Rubin

What am I doing wrong here...?  syntax problem perhaps?  It's properly 3 times, but the name only shows up twice, and it's not binding the children to the proper area.
http://jsfiddle.net/stevescotthome/NsSks/3/

Seems straight forward?

Hi

is there any animation that can be applied to the row-template of the grid when rendering the rows from search keypress scernario.

 the desired effect would be a staggered row render type effect

or any animation of anykind that can be applied to the grid rendering on the page - (NOT loading animation)

thanks in advance

Richard J

Hi All
I have two grids on one page. If I try to sort the first grid, die cloumn on the second grid are disappearing. If if then sort a cloumn one the second grid teh data are back again. grid obj ids are different. DataSorce variables are diffrent. So this is a strange effect.

How can I configure each grid, so that they are not effecting each other when sorting ?


With kind reagrds
Gerd

I have a list view that I have created.  I would like to trigger an event when an item in the list view is double clicked.

To do this, I have the following template:

And the following function to register the event:

Unfortunately this doesnt do me any good before the data has been retrieved and the template rendered in the list view.
My question is: Is there an event I can register for which will be called when a kendo control has finished rendering a template?

Hi,

I have created a kendo grid, with its inline editing enabled. I just created a demo from js fiddle. But, i am not getting the edit and delete buttons. They are coming as undefined. If i include kendo.web.min.js it works. Also, if i add kendo.web.js it doesnt work. Is it required to add? I am attaching the demo. Please tell me, what am i missing here.

Regards,
Khushali

Here is the scenario, I'm building a dynamically changing layout site based on the resolution of the screen. I switch between a panelbar and menu depending on my width. Now this works great on my desktop and my mobile phone (myTouch 4g). It does not work on my Kindle Fire or Galaxy Tab 10.1. On the tablets if I tell the lists to be hidden by default and choose to show one based on the screen size it doesn't do anything. If I display both by default and hide the one I don't want all it does is remove all the formatting from the list I want to hide. I've ripped out the .kendoPanelBar() and .kendoMenu() from my scripts and everything functions as it should on all devices. Unless someone has a better idea is there a fix for this issue?

EDIT: I have tried to use jQuery show/hide and creating a class that I just add or remove. Both have the same result.

EDIT2: I got this working. For some reason I have to apply my show hide settings prior to setting the .kendoPanelBar or .kendoMenu in my $(document).ready function.

HI,

I have placed asp.net login control inside the kendo ui. i tried to get the button click work. it is failing to authenticate or post back to server.

The button inside the window has become useless.

 <script>
           $(document).ready(function () {
              

             var window = $("#window").kendoWindow();
             var button = $("#robo");
             var buttonLogIN = $("#LoginButton");
             button.show();
             window.hide();
             var onClose = function () {
                 undo.show();             
             }
             button.bind("click",function ()
             {                
                 window.show();
                 window.data("kendoWindow").open();
                 window.data("kendoWindow").center();
             })
             buttonLogIN.bind("mousedown", function () {                
                 window.show();
                 window.data("kendoWindow").open();
                 window.data("kendoWindow").center();
                 window.data("kendoWindow").closest("#window").appendTo("form");
         
             })

               if (!window.data("kendoWindow")) {
                   window.kendoWindow({
                       width: "300px",
                       height: "200px",
                       title: "About Alvar Aalto",
                       close: onClose
                   });
               }
              
           });
            </script>

Hello,
I have a ListVIew binded to a DataSource which gets loaded as "json" datatype from a control ajax-wise.
The same control also expects POST request back to save/insert update data to DB.

I have kendoListVIew defined with some delegates, including:
var commentsList = $("#commentsList").kendoListView({
                    dataSource: commSrc,
                    editable: true,
                    template: kendo.template($("#ctemp").html()),
                    editTemplate: kendo.template($("#cedittemp").html())
                }).delegate(".ledit-btn", "click", function(e) { commentsList.edit($(this).closest(".comment-view")); }).
                    delegate(".lsave-btn", "click", function(e) { commentsList.save(); }).
                    delegate(".lcancel-btn", "click", function(e) { commentsList.cancel(); }).data("kendoListView");

There is no e.preventDefault() - because they are DIVs, not hyperlinks.

I was under an impression that calling .save() on listView will cause DataSource to sync - which means it would call update routine defined under transport. But it never does anything actually.
I don't mind calling my own function and do my own ajax postback via delegate(".lsave-btn"), but then how do I pass data from form fields for edited item (or new item)?

Or am I missing something? PLease help :)
Thanks