Hello,
i'm searching for the good method to select a row in my grid, based on an identifier (a product's reference).
My datasource is an xml file. In the sample, I used the books.xml from Kendo and the searching should be based on the 'reference' column.
All samples I've found used a filter, but I just need to select the first row which match, not filtering all data.
Is there a good method to do that ?
Thanks in advance

function selectByref (theReference)
{
var row = $("#grid").data("kendoGrid").table.find('tr[reference="' + theReference+ '"]');
$("#grid").select (row);
}
          var theGrid = $("#grid").kendoGrid({
              dataSource: {
                  //data: movies,
                  transport: {
                      read: {
                          url: "http://demos.kendoui.com/content/web/datasource/books.xml",
                          dataType: "xml"
                      }
                  },
                  schema: {
                      // specify the the schema is XML
                      type: "xml",
                      // the XML element which represents a single data record
                      data: "/books/book",
                      // define the model - the object which will represent a single data record
                      model: {
                          // configure the fields of the object
                          fields: {
                              // the "title" field is mapped to the text of the "title" XML element
                              reference: "title/text()",
                              // the "author" field is mapped to the text of the "author" XML element
                              author: "author/text()",
                              // the "url" field is mapped to the text of the "url" XML element
                              link: "url/text()",
                              // the "cover" field is mapped to the "id" attribute of the "book" XML element
                              image: "@cover"
                          }
                      }
                  }
              },
              //change: onChange,
              sortable: true,
              filterable: false,
              selectable: "multiple row",
              scrollable: true,
              columns: [
                  {
                      field: "reference",
                      title: "Référence"
                  },
                  {
                      field: "author",
                      title: "Auteur"
                  },
                  {
                      field: "link",
                      title: "Lien"
                  },
                  {
                      field: "image",
                      title: "Image"
                  }
              ]
          });

HI Folks,

I am new to kendo ui and i am using the file upload plugin in my asp.net mvc application.Everything works like a dream.But i have one additional requirement. When i am uploading the file i am assigning a unique image guid to the image file and uploading and then returning to the callback function.Here is my code.

<script type="text/javascript">
    $(document).ready(function () {
        $("#attachments").kendoUpload({
            async: {
                saveUrl: '@Url.Action("UploadBlogImages", "Blog")',
                removeUrl: '@Url.Action("Remove", "Blog")',
                autoUpload: true
            },
            success: function (data) {
                var imageGuids = data.response;
                $.each(imageGuids, function (index, imageGuid) {
                    $('#form_uploadPic').append('<input type="hidden" value=' + imageGuid + 'name="ImgGuid">');
                });
            }
        });
    });
</script>
I need to delete the file when the user clicks the remove button but my problem is,
by default the remove button passes the name of the file(that was used at the time of upload)as the file name to delete.But I am
renaming the file before uploading to server.I am assigning a unique guid to file.I have returned that guid to the success function.How do i configure so that the remove button passes that guid to server for deleting the file.

Thanks,
S

Hello All,

I have a grid with a "change" event.  In the "detailInit" event of that grid, I add a details grid, which also has a "change" event.  Both grids have "selectable" property set to true.  However, ONLY the parent grid's "change" event fires, no matter if I select a row on the parent grid or on the details grid.  Detail grid's "change" event never fires.

Could someone please tell me what I can do to fix this?

Thank you very much.

Hi Kendo Team,
When I set navigatable to true, the numeric and date editors in cell don't work properly. For example, calendar doesn't open when I click its icon.
This happens with FireFox and Chrome/Safari. 
IE8, IE9 and Opera work fine.

Kind Regards,
Oscar

In this thread http://www.kendoui.com/forums/ui/dropdownlist/unable-to-scroll-on-ipad.aspx#1997491 I read that I should add kendo.mobile.core.js and kendo.mobile.scroller.js to enable scrolling in a dropdownlist in tablet devices.
What other scroll functionality is added to your app when you include these files?
Can't find documentation on this.

For example I want in my grid or listview better touch scrolling.
Currently you can scroll (at least in the grid, listview not yet tested), but it follows exactly your finger, so when you lift your finger scrolling stops immediatly. Would be a better experience when it keeps scrolling, depending on the speed of your touchmove and then slowing down in speed with a certain negative accelaration.

Regards, Jaap

Does Kendo support me somehow with touch gestures (on tablets like iPad)?
I want in my Single Page Application use the flick left and flick right gestures to go to another view in my application.
In fact I need the swipeleft and swiperight events like jQuery mobile has: http://jquerymobile.com/demos/1.0a4.1/docs/api/events.html
Any hint on how to work with that?

Regards, Jaap

I'm implementing a sample app using Kendo UI with Django (Python) and am getting the following error in Firebug when I attempt to bind to remote data:

url is not defined
return new Function(paramName, functionBody);  kendo.core.js (line 246)

However, when I use jQuery.ajax to get the data and then bind to the response from the jQuery.ajax call as local data, everything works fine.

Here are the Request Headers:

Here are the Response Headers:

Here is the Response:

And finally, here is the grid definition:

This is what I needed to do to get it to work:

I would prefer to bind to the data remotely by setting the dataSource.transport configuration setting.  Any ideas?

Regards,

John DeVight

Complete source code and explanation of this sample project can be found here

Hi,
I have a listview set up to display the data as below:

but all I get is the actioning page with #details.htm?id=5 tacked on the end.

It seems to think that i am calling a local view when I want to call a remote one...how can I get this to work.

I'm trying to use the KendoUI Grid within a site that also utilizes Twitter's Bootstrap framework. Unfortunately, the header for the grid is distorted (it's taller than it should be), and the rows are not visible. I suspect there is a CSS conflict with Bootstrap--anybody experience this as well, and have a workaround?

Trying to get a column filtered to be between two ranges, but it only applies the first filter.

Half borrowed jsfiddle:

http://jsfiddle.net/BmGHB/1/

You can see that if you click the button, then examine the filter using the filter icon on the grid itself, only the first filter has been applied.

Any suggestions?