Hi there,

I ran into this bizarre issue and has wasted me at least one day.
Basically I have a kendodropdownlist, below it there's a iframe wrapped in a div.
when I click on the dropdownlist, i'm expecting it to show in front of the iframe.
I've tried the below and it still failed to work:

• set position:absolute and z-index: -1000 for iframe and its div
• set style for #ddlTest_list - no use at all
• set style for #ddlTest_listbox - works with font color but setting z-index still has no effect

Hello,

I need to shoehorn the kendo menu into an existing design.  The design has a top level menu selection (the last one, going from left to right) pushed all the way to the right of the screen.

Example: If there where four (4) top level menu items, it would look like this:

page edge ->| Item One | Item Two | Item Three|                                             | Item Four |<-page edge

If this is not possible, I've also tried to just get anything on the same level as the menu and getting it all the way to the right (with the styling intact - ie, the background needs to like the menu is spaning the entire width of the page. You know, the default look)

I've been pulling my hair out, so any help would be appreciated.

L. Lee Saunders

Recently we are trying to use Kendo Grid for our new project, but the problem is the entitlement is very complicated. Not sure if Kendo Grid can support that complex requirement. The requirements is like we need check some filed in row. For example we have a client table in database. In Front End we have a editable Grid to display those information, but we need disabled the some row conditionally. Is it possible to do that?  If we can how to customize it, if there are any demo code will be great.

Thank you.

Hi,
need some help, this code works fine* with Chrome and Firefox, but i doesn't work with ie9.

e.errorThrown = No Transport
e.xhr.responseText = undefined.

* I can add and update items but i can't remove them.

Here is the code.

Any idea?
Thanks.

I have noticed an error with the rendering of the Kendo grid in WPF web browser controls if remote virtualization is enabled.
The issue is that the columns are not rendered with the same width as the column headers (see screenshot).
This behavior is not observed in normal web browsers (IE 8/9, Chrome, Firefox), just when the web browser control is hosted in a WPF application. It seems to be tied to grids with remote virtualization enabled. 

I am seeing this in my own application, but for demonstration purposes I've created a simple WPF example app.

I have attached the sample wpf application (pointed the browser to your remote virtualization online demo), as well as a screenshot of your demo page when hosted inside the sample application.

It appears to have something to do with the presence of the IE specific meta tags inside the page head element:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Tor

I have my grid working well, including popup editing.  When I make an update from the grid, the update url fires.   What I need to know is how to parse the data sent by the Kendo grid to "donorUpdateJson.cshmtl".  I am using Microsoft Web 2.0 Razor as the platform.  I would like the data to arrive at the server and parse it with QueryString (or some other method) but I don't know what the data looks like and could not find any examples.  Thank you

Here is my datasource:

Hi is the HierarchicalDataSource suppose to work with a Grid?
On the Kendo UI docs http://docs.kendoui.com/getting-started/framework/hierarchicaldatasource/overview looks like it is suppose to work but, when I tried only the 1st level show on the grid, all the details doesn't appear.
Am I doing something wrong or the kendo ui grid isn't suppose to work this way?

Hi all,
I have a very strange case only on IE (IE9).
I have a normal Kendo grid (in javascript, i DO NOT use Kendo MVC helpers!)
my grid parameter serverPaging is set to true. After I fetch data into the grid my IE hangs. It only happens when the totalCount is greater than the pageSize. On other browsers the paging is working fine.

I am totaly weird with this since i am stuck with this bug for more than a couple of days.
Do you know any reason concerning this strange behavious?
It only appears on IE.

Would You please send me a sample javascript code for creating the Grid inclugin styles ???
I would be very appreciated for any Help and advices.

Marcin

Hi all,

Below is a cut of from my JS, CS, etc of how I create the kendo GRID. For IE9 after the read() the ajax call hangs and nothing is populated. On FF, Chrome it works fine. What do I do wrong. Please help.

// templates
<script id="rowTemplate" type="text/x-kendo-template">
    <tr style="height: 24px;">
        <td colspan="1">
           #= Id #
        </td>
    </tr>
</script>
<script id="altRowTemplate" type="text/x-kendo-template">
    <tr class="k-alt" style="height: 24px;">
        <td colspan="1">
           #= Id #
        </td>
    </tr>
</script>

// createGrid
function createGrid(gridId, locale, controller, action) {
    $(document).ready(function () {
        grid = $(gridId).kendoGrid({
            dataSource: {
                transport: {
                    read: {
                        url: "/" + locale + "/" + controller + "/" + action,
                        type: "POST",
                    },
                    parameterMap: function (options) {
                        return JSON.stringify(options);
                    },
                    pageSize: 10
                },
                schema: {
                    data: function (response) {
                        var d = JSON.parse(response);
                        return d.Data;
                    },
                    total: function (response) {
                        var d = JSON.parse(response);
                        return d.Count;
                    },
                    errors: function (response) {
                        if (response.Errors !== undefined) {
                            alert(response.Errors.e.errorThrown);
                        }
                    }
                },
                error: function (e) {
                    alert("Received error: " + e.errorThrown);
                },

                total: 0,
                page: 1,
                pageSize: 10,
                filter: [],

                serverPaging: true,
                serverFiltering: true,
                serverSorting: true,
                serverGrouping: true,
                serverAggregates: true
            },

            autoBind: false,
            groupable: false,
            selectable: true,
            scrollable: false,

            rowTemplate: kendo.template($("#rowTemplate").html()),
            altRowTemplate: kendo.template($("#altRowTemplate").html()),

            pageable: true,
            columns: [{ field: "Id", width: 40, groupable: false, encoded: true }],
        });
    });

    $(gridId).data("kendoGrid").dataSource.read();
}

// controller
[HttpPost]
public string GetEmployees(KendoGridDataSourceRequest request)
{
    if (_usersLoaded == null)
    {
        var users = _userService.FindUsersByName("a%", null, 12);
        _usersLoaded = ViewModelBuilder.CreateEmployeeItemVMList(users).ToList();
    }

    var items = _usersLoaded.Skip(request.Skip).Take(request.Take).ToList();
    var jsonString = JsonConvert.SerializeObject(new
        {
            Data = items,
            Count = _usersLoaded.Count()
        });
    return jsonString;
}

When I access a site using the Kendo grid on a touch enabled device like the iphone or ipad, the row selection isn't ideal.  As you try to drag to scroll the page the grid selects all rows along the scroll (actually it seems to be a bit weirder than this as to what rows are selected).

Is there a preferred method for selecting rows when being used on a touch device?