I am really frustrated with how Kendo UI documents and supports, so I am doing something about what I can.

I am in the process of making some DataSource Cheatsheets for myself and anyone else who thinks/learns/forgets the way I do :)

At this point I am most interested in hearing about what is missing from the set I have made so far. If you know of other infodumps out there please share!

MAC

I've got a setup similar to the one shown in this fiddle: http://jsfiddle.net/ryan_nauman/YWLtH/. A modal window is opened with some placeholder loading text and when some async completes I re-use the existing modal, show the real content, and open/recenter.

Strangely, when animation is disabled the overlay sticks around. It's interesting that if the first modal is closed the overlay is removed. Once the second one appears after the delay, the overlay isn't removed.

I stepped through this code a bunch and am puzzled by this logic:
Anyways, this was the only strange thing I noticed. I'm not quite sure how animation plays into this bug.

I'm encountering a strange issue... when I resize any column in IE (v9 for this example)
All of the columns disappear except for the one I am resizing and the last one.

I have tried the resize column demo in IE and it does work.  I can't repro this outside of our application.

Apparently someone else is encountering this error
http://stackoverflow.com/questions/14579682/kendo-grid-resize-shrinks-all-the-columns-in-ie

Any suggestions?

-John-

Update on this:  When you mix between px and percentage is when the bug occurs.  if I have a fixed width and I resize a column, it will jump to that size but not hide.  the percentage is what I think breaks it.  I'm verifying this now.

Hello, I am new to Kendo UI ( using the Mobile version at this second ) I am trying to wrap my hand around how to Store and Get data on a mobile device. Can someone point me to some samples?

is there a way to save the data to a SQLite database on the device - or even push that data to like a dopbox account or even skyrive?

Also the App will be compiled using PhoneGap - ( at least that's what I am thinking ).

Thanks

Larry Meadows

When I update one of the items in my observable array the change does not appear to be reflected in my dropdown box or listbox.

Here's a jsbin sample of the problem: http://jsbin.com/isiguz/1/edit

If you edit an item's name the change is not reflected in the <select>

I just updated to the latest Kendo Mobile build.  2012.3.1315

After updating all my code to make it work again.  I did a build and found the tabStrip stop showing up.
I will send you the Demo site.  http://www.rls2000.com/demos/m/

Please tell me what happened.  If you turn off the 
.km-phone .km-ios .km-tabstrip {
display: table;
}
and 
.km-phone .km-ios .km-tabstrip .km-button {
display: table-cell;
}

You can see the tabs again, but there is still a large white box at the bottom of the page.

Does anyone know of a way to configure file upload to only select directories and force the upload of every file in that directory?

Affected browsers (and perhaps more): IE9 on Windows 7, IE10 preview on Windows 7.

Do this:

1. You have a Kendo UI Editor on a page.
2. You add an additional editor on the same page.
3. Destroy the new editor.
4. You add an additional editor on the same page.
5. You try to write something in one of the editors in the page.

Expected result:
You can write stuff.

Actual result:
You cannot write stuff, as the text area in the editor cannot receive focus.

I have attached files reproducing the bug. Open the HTML document. Simply press the ADD button, the REMOVE button and the ADD button again to see the bug. Remember to use IE - it works fine in Chrome.

Hello - I have an html file (some.html) that has some controls, one of which is a span (which I would like to render as a kendoMobileButton. I also have a JS file where I get the contents of some.html using an ajax call and append it to the body. For the purpose of this question, I am oversimplifying the code.

some.html:
...
<div id="somediv">
<span id="thisbutton"  data-bind="click: click" style="background-color:green;">A Button</span> 
</div>

JS:

$.ajax({
        url: "html/mobileapp/preflight/some.html",
        type: "GET",
        success: function(data) {
            this.container.append(data);
            bindView();
        },
        context:this,
        error : function(xhr, textStatus, errorThrown ) {
            
        },
        timeout: 30000
});

In the bindView(), I create a viewModel and bind it to the view, as below:


viewModel = kendo.observable({
        locations:  this.dataSource.data(),
        click: function(e) {
        console.log("****click");
        }
    });

kendo.bind($("#somediv"), viewModel);
$("#thisbutton").kendoMobileButton();


(Note that the above code happens *after* kendoApp has been created (hence the reason I would like to call kendoMobileButton() to render the span as a kendo mobile button:

kendoApp = new kendo.mobile.Application(document.body, { });

What I observe when I run the app on the device is that the span is correctly rendered as a button, *but* the click method doesn't get called consistently. It fires a few times, and then on subsequent clicks, nothing happens - I don't see the console.log("****click") output.


Now if I comment out this line:

//$("#thisbutton").kendoMobileButton();

then the span remains a span (instead of button) but the click event fires correctly everytime I click the span.

Any idea what could be going on?

Thanks,

I am going to be displaying data in "pivoted" mode in the grid, and the TH data-field will contain an id from the database; for example:

Date..............Mary...............Fred...............Mike  
1/1/2013........17.....................19...................22

for "Mike" col-header it might be data-field="145998452".

Is there any built-in function in the Kendo library that returns the TH data-field for the column of a clicked-on cell, taking into account hidden columns to the left? If there are invisible columns to the left of the clicked-on cell,  the index/cellindex are off by the invisible columns count (to the left of the clicked cell). 

EDIT: This is a byproduct of the Kendo design that puts the header and the table-body each into separate tables, and the table-body-table doesn't contain the columns if they're marked hidden (display:none) in the header-table.   Kendo header-table has style="display:none" when the grid column's configuration has hidden:true. 

<th role="columnheader" data-field="eeid" style="display: none;" class="k-header" data-role="sortable"><a class="k-link" href="#" style="">eeid</a></th>