Hi,
A quick question about how your javascript files are structured.  Does the kendo.web.min.js file include all of the features listed in your documentation under the kendo web feature?  Meaning, if I'm using the kendo listview and kendo treeview which javascript files should I reference?  Can I just reference kendo.web.min.js?  Or do I need to reference kendo.treeview.min.js and kendo.treeview.min.js?  Where does kendo.fx.min.js fit into the mix?

Thanks in advance.

When the user groups by a column, the grid makes an AJAX request.
If that request returns data that is grouped differently than the "current" state of the grid, the grid crashes (see attached images for the crash location and call stack).

Even if the server returned incorrect data, it would still be nice of the grid not to crash, but to fall back gracefully.

But in our particular case, this is NOT cause by the server returning incorrect data.
Instead, it is caused by the grid itself, in connection to another issue we have submitted recently.
If the user is quick enough to change the grouping arrangement several times in a row - say, quickly remove all groups one by one, - the grid initiates a request when the first group is removed and does not drop it when the second group goes away.
Therefore, by the time the first response from the server (containing all groups but one) comes, the user has already removed all groups, and the grid crashes.

Hi,
I have a action button that fire OK. But the issue is it fires the event twice on ios safari browser, once initially and another on a next touch on the screen. This does not happen on my desktop Chrome.

Any help would be much appreciated. Thanks.

<a data-role="button" data-rel="actionsheet" href="#my_received_actionsheet" data-align="right" data-icon="action" >Action</a>


        <ul data-role="actionsheet" id="my_received_actionsheet">
            <li class="km-actionsheet-title">You Action Required : </li>
            <li><a href="#" data-action="my_received_action.confirm">Confirm booking</a></li>
            <li><a data-action="my_received_action.decline">Decline booking</a></li>
            <li><a data-action="my_received_action.mark_as_paid">Mark as paid</a></li>
        </ul>


<script>
        var my_received_action = {
            confirm: function (e) {
                alert("confirm");
            },
            decline: function (e) {
                alert("decline");
            },
            mark_as_paid: function (e) {
                alert("mark_as_paid");
            }
        }
</script>

Hello.

I'm using Kendo Splitter on a page where the user will be able to see 6 Google Maps instances at a time. My Splitter setup is:

• Have a main Splitter which is a vertical-oriented one with 2 vertical Panes
• On both panes, there are a horizontal-oriented splitter with 3 horizontal Panes

In my setup, I'm trying to make the layout look like this:

+------------+------------+------------+
|               |               |               |
|               |               |               |
+------------+------------+------------+
|               |               |               |
|               |               |               |
+------------+------------+------------+

But, for some reason I don't know/understand, the vertical Pane divider is missing but still have 6 well-differentiated panes with their respective dividers. Additionally,  I've added a resize function on the main splitter (the vertical-oriented one) so its heigh could fit the actual window size.

Here is the fiddle with an example of what I'm trying to do.


Thanks in advance for your help.

Hello,

we fill a grid with values (ObservableArray) from a modified DataSource object. When we now change something in the Array it has no effects on the grid. The DataBound event is fired, but the values in the grid stay the same.

Is the MVVM Pattern not possible in the Grid widget?

Best regards
Michael

I just started using Kendo today and really appreciating the docs and examples.

However I think found a quite scary regression bug in the grid control.

This jsfiddle is the original working example I found : http://jsfiddle.net/EaNm4/ 
It is based on a 2011 version of the product.
You can click rows with a single click and it will select the row reliably each time.

This is a modified version using the latest 2013 version (yes I realize I'm still using the old stylesheet)
http://jsfiddle.net/jfzxa/
* If you try to click a row it cannot be reliably selected. Sometimes it selects it and sometimes it doesn't
* If you then change selectable to 'multiple row' you can reliably select rows again.

So in summary :
version 2013.1.319 grid control
cannot reliably select rows unless 'selectable' is set to 'multiple row' 

thanks

Hi Support Team,

I had a big issue when using KendoListView function on windows 8 platform. The issue is window 8 platform doesn't allow us add dynamic html that contain unsafe code. 

I made a search and found out this link:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx

This is extracting from the article:
"Dynamically adding HTMLA page
in your app's local context has more access to the system than other Web pages (or "Web-context pages") do. It can access the Windows Runtime and, depending on the app's permissions, might be able to access the file system and your devices. For this reason, it's important to prevent potentially malicious code from executing.To guard against script injections and help shield your system from potentially malicious code, HTML you inject into a page in the local context is filtered as though it was processed by the toStaticHTML method. Injecting HTML that contains an unknown element, event handler, script or reference to script, or unknown CSS pseudo-element and pseudo-class causes an exception when you try to add the HTML to the page's DOM."

We can work around by placing the block of code in the function MSApp.execUnsafeLocalFunction as following:
MSApp.execUnsafeLocalFunction(function () {
                        var listView = $("#listView").kendoListView({
                            dataSource: localDataSource,
                            selectable: 'single',
                            template: kendo.template($("#CountryListView_template").html())
                        });
                    });

But this method is not good as we must change code of the whole process to make it work. So I need to override the kendoListView function to make it affect for the whole project without much code changes.

I tried this one:

 _kendoListView = $.fn.kendoListView;
 $.fn.kendoListView = function (i) {
       var _this = this;
        MSApp.execUnsafeLocalFunction(function () {
            _kendoListView.apply(_this, arguments);
        });
        
    }

But it doesn't work. Would you please help me how to override this function above. i just want to add the code MSApp.execUnsafeLocalFunction before call KendoListView function. 

Thanks and Best Regards,
Craig,

Hi team,

I want create Dynamic templates.In the below link sample showing the static template.
http://jsfiddle.net/kashyapa/hWXuF/embedded/result/
My requirement is  bind the dropdown list dynamically and based on change event bind another control .
Could you please suggest how to crate this type of templates in MVC  and If you have any samples could you please send?

Our website app is located at http://360vindemo.com. We are using KendoUI v2013.2.1024, and we are calling remote views.

If you browse to our website on some mobile devices (specifically a Nexus 7 or an iPad Mini), the first time you load the website (it auto-forwards mobile devices to http://360vindemo.com/Mobile), the Kendo Mobile Application starts up and loads everything, but the problem is that the browser evidently thinks the header takes up 0 height, so the View that gets rendered is underneath it. See the screenshot. After refreshing the page, it looks normal, and the header takes up the correct amount of height. So there seems to be some weird timing issue, that if something isn't loaded, the header takes up 0 height, and the View registers that it is supposed to be at the very top of the screen.

This bug only seems to happen after I have either closed the browser, reopened it, and browsed to our URL; or cleared the cache, then browsed to our URL. But if you hit the refresh button, it works every time.

We have tried giving the <header> tag an inline height, but the remote views still appear under the header. Any idea what is going on here? Let me know if you need any clarifying information.

I have a situation where I want to attach a persistent function to child objects of a view model after they are passed to the view model from the server, so ...

I am fetching it through a dataSource, that goes to the Kendo Multi-Select widget. The data looks like this ...

But I would like for it to look like this, once it is in my javascript.

Is there anything I can do to achieve this? I was looking at the "schema" feature of the dataSource.