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

I am trying to fill a Kendo Mobile ListView with data retrieved from a WCF Data Service WebGet with no luck.  Is there something I am missing.  

WCF Method:

        [WebGet]
        public IQueryable<AttributeType> GetRanges()
        {
            var ranges = (from pa in this.CurrentDataSource.ProductAttributes
                          where pa.oDataAttTypeDesc == "Range"
                          select new AttributeType() { Name = pa.oDataAttValue }).Distinct().OrderBy(a => a);
            return ranges;
        }
Hitting the URL gives:

</GetRanges> 

DataSource is setup as follows:

DataSources._Ranges = new kendo.data.DataSource({
        type: "odata",
        transport: {
            read: {
                url: "http://localhost:54948/ProductDataService.svc/GetRanges"
            }
        }
    });

and the html page sets the control as follows:

            $("#range-listview").kendoMobileListView({
                dataSource: kendo.data.DataSource.create({ data: DataSources._Ranges }),
                template: "${Name}"
            });

In one of our charts we placed a break tag in the tooltip to create a new line but it is not rendering in Firefox 3.6.  The line break renders correctly on all other browsers (and more recent version of FireFox) but not on FireFox 3.6 (see attached image).

Here is the code for the series with the tooltip:

Is there anyway to make this work in FireFox 3.6?

I am quite new to keno UI grid can anyone post me the source code regarding how to do basic functionality of inline add, edit and delete in grid.