I have a kendo grid that must refresh every 2 seconds to show the new rows added to my list of json objects. This is done by datasource.read(). This grid allows filter through the context menu (columnMenu), but the user can't write text in the filter's menu because the grid is reloading every second (datasource.read()).  In other words, when the user inputs some value in the menu's textboxes, the textboxes are cleared after refresh.

Is there any way to avoid to clear the text while the user is writting?
I try to add an "event listener" on the texts boxes to get the its values and fill it after datagrid's reload, but i don't know which column the text box is..  Is there any solution? Here is a demo: http://jsfiddle.net/3qT3J/2/
Thank you.

Hi. I am trying to have the Kendo UI grid select an initial row by ID that I specify. In the following code, grid.select(row) using the data-uid selector does not work. This same code works perfectly fine once the grid is 'up and running'. However, grid.select(row1) using the first row selector DOES work. What is the difference?

I am using Ajax binding if that makes any difference, but the view (page) is initially displayed in response to a HTTP Get MVC action. I also tried initializing in the DataBound event, but same problem.

    $(document).ready(function () {
        // Get a reference to the grid
        var grid = $("#Grid").data("kendoGrid");

        // Select row if specified
        if (dataTypeSelectedGuid) {

            // This snippet does not work - grid.select() returns no rows
            // AND yes, dataTypeSelectedGuid is correct and valid when
            // I look at the HTML.
            var guidRowMatch = "tr[data-uid=" + dataTypeSelectedGuid + "]";
            var row = grid.tbody.find(guidRowMatch);
            grid.select(row);
            var select = grid.select();
            var dataType = grid.dataItem(select);

            // This snippet does work - grid.select() returns first row
            // as expected. What gives? What's the difference?
            var guidRowMatch1 = ">tr:first";
            var row1 = grid.tbody.find(guidRowMatch1);
            grid.select(row1);
            var select1 = grid.select();
            var dataType1 = grid.dataItem(select1);
        }
    });

I have a listview and details view similar to http://demos.kendoui.com/mobile/listview/editing.html.  I have bound the tap event to the <li> to navigate to the detail view and pass the UID just like in the example. This works perfectly the first time, but when I click the back button and click another row in the listview I get a 404.  

The URL of the list view page is /main.html#transactions.html.  The first time I click a row I navigate successfully to /main.html#view-detail?uid=dc788c65-c7d5-4921-a1a5-8bfc00ad46b3.  Once I click back and click another row, I get /main.html#view-detail?uid=1d8d3baf-204e-4eca-82ed-4c67402b933f (URL seems correct) but the console displays "/view-detail?uid=1d8d3baf-204e-4eca-82ed-4c67402b933f 404 (File not Found)".

Any ideas?

I believe the simplest way to upgrade kendo within icenium is to clone a project and then copy the new files from one project to another.

What project can I clone that will have new kendo files? The samples have v2013.2.729, v2013.2.1021, but I'd like to get the newest ones.

Hi Fellas,

my problem is that I actually have been running into several times in the last few weeks. I use google maps and I want swipeToOpen to be set to false, but to all the other Views it should be on. To demonstrate my problem I created some code right here http://jsbin.com/OzOhelAK/11/edit
As you can see, if you swipe to the left or to the right the drawer opens up. But if I switch to the map View, I would like to disable that function.

I would appreciate any help!

Thank you so much for everything,
Chris

Hi,
   I have a requirement to enable keyboard navigation on a page with multiple grids on teh same page. The grids vary from simple grids to Hierarchical grids on the same page.  the default commands given in the demo area are working only for one grid. Please do let me know from where I can get help on this issue.
I am working on the ordinary HTML one. Please do give an example for a normal HTML solution.
Thanks in advance
Regards,
Vijay

Hi.  I'm trying to find an example where there is fixed text displayed above a listview.  For example, At the top of the mobile app screen is the information about an order.  Date shipped, PO Number, etc.  Below, I would like to have a listview that has the line items of each of the items that are a part of the order detail at the top.  I would like to be able to scroll through this "half screen" list view while the order information stays in place and static above it.  Is this possible?

Hello...

I have a Kendo Grid using paging ... I need to get all data from that grid without refreshing/updating the ui grid.
The data will be used to create a pdf.

I tried to change datasource pageSize to total, but that update my actual ui grid as well...

How can I do that?

Hi,


I'm having a very strange problem with the telerik grid taking up white space on the page when its not meant to.

It seems like its part of the k-grid-header which is taking up space starting from the content just above it.

As shown on the attached files, i have 2 divs just above the telerik grid, which gets hidden by the grids white space for some reason (seems to be stretching).

However if  i change the formatting and put the grid above the 2 divs, the grid doesnt stretch and the divs show up below it.

Is there any way to stop the grid from stretching from the top of the page and hiding the divs behind it?


I've tried using z-index to make the grid go behind the 2 divs but doing so prevents the grid from being used at all.

I also don't have any styling for the grid.

This is a sample code structure:

<div class="LeftPane HalfwayDivider" style="height: 200px;">
</div>

<div class="RightPane HalfwayDivider" style="height: 200px;">
</div>

    <div id="GridPane">

        @(Html.Kendo().Grid<PurchaseOrderModel>()    
            .Name("POLineGrid")
            .Columns(columns => {
                columns.Bound(p => p.PONumber).Width(70).Filterable(false).Title("PO No");
                columns.Bound(p => p.ProductName).Width(150);
                columns.Bound(p => p.Date).Format("{0:dd/MM/yyyy}").Width(150);
                columns.Bound(p => p.Supplier);
                columns.Bound(p => p.BuCode).Width(56).Title("BU");
                columns.Bound(p => p.DeliveryAddress).Width(150);
                columns.Bound(p => p.ClientName).Width(100).Title("Client User");
                columns.Bound(p => p.RaisedBy).Width(100).Title("Raised By");
                columns.Bound(p => p.TotalAmount).Format("{0:c}").Width(130);
                columns.Bound(p => p.StatusName).Width(70).Title("Status");
            })
            .Sortable()
            .Scrollable()
            .Filterable()
            .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                .Read(read => read.Action("GetPurchaseOrders", "Home"))
            )
        )

    </div>


Thanks for any help.

Hello all,

I'm sure this is something simple I'm doing wrong. I am trying to create a data connection to an Blogger.com RSS connection. I'm able to get it working with simple jQuery .ajax connection, but it's not working with the KendoUI datasource. I'm sure I'm forgetting something in the KendoUI connection, perhaps a configuration option or something.

The error I'm getting is: " Uncaught TypeError: Object #<Object> has no method 'slice' ".

I'm sure I'm not the first one wanting to connect to an blogspot/blogger.com RSS feed.

In the end, if I have to use the .ajax method, I suppose I can, it will ultimately be using in Icenium....but I'd prefer to stick to the Kendo API as much as possible so everything works together nicely as I will be using it in Views and with the Drawer and other Icenium functionality.

Working jQuery Code:

    var loadDefault = $.ajax({
        type: "GET",
        dataType: 'jsonp',
        contentType: 'application/jsonp',
        url: "http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=55&callback=?",
        data: "",
        success:  function (data) {
            for (var i = 0; i < data.feed.entry.length; i++) {

                var postTitle = data.feed.entry[i].title.$t;
                var postContent = data.feed.entry[i].content.$t;

                console.log(data);
            }
        }
    });


NOT WORKING KENDO UI:

var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                type: "GET",
                dataType: 'jsonp',
                contentType: 'application/jsonp',
                url: "http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=55&callback=?",
                data: ""
            }
        },
        change: function (e) {
            //var view = this.view();
            console.log('got here');
            console.log(this); // displays "Chai"
        }
    });
    dataSource.read();



Thank you in advance for any help... :)