We've run into an issue while developing our application that appears to be a serious design flaw in the way Kendo Mobile handles parameterized remote views.

Our app will be relatively large; large enough that putting all the HTML in a single file and using local views for everything is not an option. So we are using remote views, but all remote views are still going to be static HTML files living inside the app (we are using PhoneGap), and we plan to pass parameters to the remote views through the query string. Unfortunately we've run into problems with this. Let me try to explain the issue:

When calling a local view and passing parameters, the first time it is called the view is initialized, then the "show" event is called, passing the parameters. Subsequent calls to the local view will skip the initialization, and only the "show" event is called with the new parameters.

When calling a remote view with parameters, the first time it is called the view is loaded and initialized, then the "show" event is called, passing the parameters. Subsequent calls to the remote view with the same parameters then skip initialization, and the "show" event is called passing the parameters. However, if you pass different parameters, the view is loaded and initialized again, creating a copy of the original remote view, then the "show" even is called on this new instance of the remote view. Calling it again with different parameters will create yet another copy of the view, and so on until you have potentially many, many copies of the same remote view.

This behavior is very inconsistent, and causes a host of issues, including:

• Multiple copies of the same view unnecessarily consume additional resources
• Scripts included in the remote view are loaded multiple times, causing hard to debug issues
• Elements with IDs get duplicated, creating issues when trying to target elements inside a view
• The same remote view is initialized multiple times, reducing performance
• It's inconsistent with the way local views work, causing confusion for the developer

Hello,

when using the splitter in the IE8 Panes are on mouseover reloaded - not in IE9 - how can we explain this?
Is that a bug ? How we can fix this ? (the behavior in IE9 is better !)

Thank you for answer

We try to make our mobile site viewable on PC browsers, but in the latest release, but the fall release (2012.3 1114) broke ScrollViews on FireFox. It is easily seen by bringing up the ScrollView demo in FireFox. No ability to scroll.

Thanks/Anker

how to accomplish this coding using kendo ui
 function Grid_onSubmitChanges(e) {
        e.values.uid = '@Model.uid';
        var insertedrows = e.inserted;
        var updatedrows = e.updated;
}

please is there option to add a new kendo drop down list in dynamically created table. I  am trying in normal aspx page. how to achieve, i am binding data with json object with page method from vb page.

I'm using a Jquery Tools Tooltip component inside a Kendo Grid.
The tooltip is displayed when the mouse hovers the UserName link (see the screenshot, the tooltip is displayed when the mouse hovers "test1" link) ; but the tooltip is hidden behind the grid's header. I'm playing with the z-index of the tooltip in firebug but nothing changes...
Any idea ?

btw will you release a tooltip component in the next versions of KendoUI?

http://jsfiddle.net/mysterii0/Te8cY/
Please see the link above to jsfiddle.. I'm not sure if this is a 'correct' way of creating extension of a kendoui widget, but it seems to work for what I wanted to do.

Hi,

I have a "sign in" button on a view and when a user clicks on it, I want it to run a javascript method. It seems simple and I have a sample one page app which works. However my actual app is several pages and for some reason the same html doesn't work when I copy it from the sample page to the real app. I'm currently trying 3 ways to call the javascript method, but i think the first one is the right way.

<a data-role="button" data-click="signInButton">Sign In</a>
<a data-role="button" href="javascript:signInButton();">Sign In 2</a>
<a data-role="button" onclick="signInButton()">Sign In 3</a>

And the javascript is currently very simple, just popup and alert so I know the method got called and navigate to another view.

function signInButton(e) {
    alert('signInButton');
    app.navigate("#phoneMain");
}

Here is the current app http://jsfiddle.net/jwhitmer/vsPye/

A few other forum posts helps me get this far. It runs on iPhone, iPad, Android phone and Blackberry phone. I'm amazed at what Kendo UI can do with so little coding on my part.

Thank you for any guidance,
Jason

Here is an example:

  @(Html.Kendo().Grid<MyViewModel>(Model.Records)
            .Name("MyGrid")
            .Columns(columns =>
            {               
                columns.Bound(c => c.Price)
                    .HtmlAttributes(new { @class = "gridColumnPrice" })
                    .Title(UIResources.Price)
                    .HeaderHtmlAttributes(new { @class = "gridColumnPrice" });
           })
            .DataSource(c => c.Server()
            )

This code generates JS as below:

jQuery(function(){jQuery("#MyGrid").kendoGrid({columns:[{title:"Price",attributes:{class:"gridColumnPrice"}, ............... ETC

In IE8 and older versions, you will get:
SCRIPT1028: Expected identifier, string or number lyKqsEz1h0Lo7AitxGa6wik1, line 2 character 208

This is because 'class' word in JS is not allowed as class property. You should add apostrophes around properties.

Hi There, i cannot get the datasource to work. Specifically the issue is passing the GET parameter. The only way i've gotten the read to work is to place the paramter directly in the READ URL:


$(document).ready(function () {
            var dsCategories = new kendo.data.DataSource({
                transport: {
                    read: "/CostDriver/GetCostDriverCategoriesByRegion/" + $("input[name='region']:checked").val() ,
            ...

The issue is, on the click of radio button from where this value is coming from, the read uses the ORIGINAL value from the radiobuttongroup from when the page initially loads. Onclick of this radiobuttongroup calls the datasource read but the new value is NEVER sent.

HOW HOW HOW do you properly use the DATA property in the transport? I have tried everything and it does not work.

$(document).ready(function () {
            var dsCategories = new kendo.data.DataSource({
                transport: {
                    read: "/CostDriver/GetCostDriverCategoriesByRegion/",
                    data: { "regionId": $("input[name='region']:checked").val() }
                }
            });
            $("#selectCategory").width(180).kendoComboBox({
                dataTextField: "CostDriverCategoryName",
                dataValueField: "CostDriverCategoryId",
                dataSource: dsCategories
            });

            $("#selectCommodity").width(180).kendoComboBox({ enabled: false });

            $("input[name='region']").click(function () {
                alert($("input[name='region']:checked").val());
                dsCategories.read();
            });
        });