Using asp.net MVC 3, is it possible to bind a collection of interfaces to a Kendo Grid instead of a concrete class? For example:

Controller

View


When binding directly to IEnumerable<IFoo>, the following exception is raised:

Using the Kendo Grid, are we constrained to using concrete types for everything? Or is there a way to use an interfaces?

Thanks!

Hi,

I'm having trouble trying to make a Scroller component work. Basically, what i want to do is a scrollable table with fixed headers at the top and left (fixed in the sense that they are always visible, but they follow the table content as it scrolls). The problem is that when i initialize the Scroller using kendoMobileScroller the table only scrolls horizontally; the vertical scrolling doesn't work. Here's a simplified example showing this behaviour (it doesn't have the fixed headers on the table.. it's just a scrollable table).

I guess i'm doing something wrong here, as it's a very simple example, but i haven't figured it out.

Thanks in advance :)

Edit: i've found a previous thread that discusses a similar problem, but it was from an older version of Kendo (i'm using 2012.2.913).

I'm wondering how to set the grid editable property from false to true from a button to toggle the grid from readonly to r/w mode. Thanks

Hello,
I am using the Kendo UI ComboBox with an external, XML DataSource. Here's the DataSource code:

    try
        {
            var csDataSrc = new kendo.data.DataSource(
            {
                transport:
            {
                read: "Data/StateList.xml",
                dataType: "xml",
                create: { cache: true }
            },
            schema:
            {
                type: "xml",
                data: "/States/State",
                model:
                {
                    fields:
                    {
                        id: "id/text()",
                        name: "name/text()"
                    }
                }
            }
        });
        csDataSrc.read();
    }
    catch (err)
    {
        log.error(err.message);
    }


That creates the data source, here's the code that creates the kendo combobox:


    $("#stateList").kendoComboBox(
    {
   index: 0,
   placeholder: "Begin typing Coverage State...",
   dataTextField: "name",
   dataValueField: "id",
   filter: "contains",
   dataSource: csDataSrc,
   text: $("#hdnStateName").val(),
   value: $("#hdnStateKey").val(),
   change: function(e)
   {
   $("#hdnStateKey").val(this.value());
   $("#hdnStateName").val(this.text());
   }
    });


This works really well but the data for the real list is enormous and I'd like to store it in local storage with something like this:
    localStorage.setItem("state_key", csDataSrc);
Then when the page loads instead of building and reading from the server side xml all the time, I'd like for it to be something like this:


    var csDataSrc = localStorage.getItem("state_key");
    if(csDataSrc === null)
    {
        // create the data source with the above code
        // and store it in localStorage.
    }
Then bind it here...


    ...kendoComboBox(
    {
        ...,
        .dataSource: csDataSrc,
        ...
    });


I create the data source fine, it seems to store correctly in localStorage but when you leave the page and come back the data source is always null.  I can see it using the resources tab of the Chrome developer tools but it won't bind to the combo box correctly.
Any help or if I need to elaborate on anything to make this clearer please let me know


Thanks
-s

I have a grid that has one column with checkbox.It uses batch editing to save the changes. I need to make cells editable/uneditable  in the row when checkbox in that row is checked/unchecked.

Thanks,
Sanjeev

Unable to get value of the property 'get': object is null or undefined

A very similar issue is reproduceable on IE9 with this example http://jsfiddle.net/rniemeyer/UgUVK/


 IE9 version 9.0.8112.XX

Hi,
I can't print grid with css style.
I need print a information and haven't positive result.
Helpme Please!

Thanks.

I am using the mobile button widget, but tweaking the style. Running in Chrome on the desktop (w/ iPad user agent) the button does not draw a box shadow, which is what I want. Running on the iPad simulator or actual device, there is a border around the button. If I use the remote inspector in Safari to play with styles, I can turn the box-shadow off, as shown/defined here, and it looks and works fine:


So when I define a custom style to override this, it removes the border but I lose the highlight feedback on touch/tap of the button. I've defined the custom style like this:


I've also tried redefining it as the same box-shadow values except not "inset". Same result. Any ideas?

Maybe I missed this in the documentation but can I declare the absolute width for the legend? It does not seem to work well with my defined width of the chart and items get cut off. How does the legend decide when to drop items to another line? Can I control this?