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?

Maybe I am missing something basic, once I set up the application, i'd like to navigate to a view programatically (e.g. if the user isn't logged in, I want to navigate to the login view). Is this possible?

Using the new release, I enabled inline editing mode. Everything works well except that the row should remain in editing mode if there's an error performing an update to the server. Right now it just changes back to view mode. There should really be some method of displaying server-side errors in this scenario, but I'd be happy to just have it not switch out of editing mode, which gives the wrong impression that the update succeeded.

Hi,

I'm attempting to unit test(using Jasmine) an angular directive containing a call to jquery('element').kendoAutoComplete(...). We are using jstestdriver to launch our unit tests in a chrome browser, and this also allows us to breakpoint the javascript and create watch expressions.
We have added the kendo.all.min.js and kendo.core.js scripts to the jsTestDriver configuration and they are visible when the browser is open during the unit test runs.
My problem is, that at the point of creating the xyz = new kendo.data.DataSource(...) the DataSource has not been initialized and is tripping up my unit tests. I am able to create a watch expression(in Chrome) on the kendo.data portion, so it seems that some of kendo is loading and working. We do have other tests running on things like the kendoDatePicker and those run fine.

I have tried searching for ways to mock out the DataSource, but it would help if I could see the code behind the object to know what needs to be mocked however I have been unsuccessful in finding the source for the kendo DataSource object(can someone help me with this?).

The actual code evaluates properly when deployed in the main application and doesnt have this issue. Could this be as a result of the DataSource not being attached due to missing code/a missing function call? Is there some way of me manually getting it to be attached?