try to auto redirect users to home page after execute 

listView.remove(listView.element.children().first()); 

using command window.location.href="account.php?do=dashboard";  for redirection, however page is redirected but the record still there.

please help

I know that you can apply a template to a field in the grid to display an empty string instead of a null, but can you do the same thing for the resulting field in the popup edit window?  The following is what I have, but is filling the Address2 textbox with 'null' when the popup is displayed.

$(document).ready(function () {
                        dataSource = new kendo.data.DataSource({
                            transport: {
                                read: {
                                    url: "@Url.Action("Read", "Address")"
                                },
                                update: {
                                    url: "@Url.Action("Update", "Address")",
                                    type: "POST",
                                    complete: function(data) {
                                           $('#grid').data('kendoGrid').dataSource.read();
                                           alert("Address successfully updated");
                                        }
                                },
                                  parameterMap: function(data, operation) {
                                    if (operation != "read") {
                                        // post the products so the ASP.NET DefaultModelBinder will understand them:
                                        var result = {};
                                        for (var i = 0; i < data.models.length; i++) {
                                            var address = data.models[i];
                                        }
                                        return address;
                                    }
                                }
                            },
                            batch: true,
                            pageSize: 30,
                            schema: {
                                model: {
                                    id: "AddressID",
                                    fields: {
                                        AddressID: { editable: false, nullable: false },
                                        Address: { type: "string", validation: { required: true} },
                                        Address2: {
                                            type: "string",
                                            template: "#= (Address2 == 'null') ? ' ' : Address2 #"
                                        },
                                        City: { type: "string" },
                                        State: { type: "string" },
                                        Zip: { type: "string" },
                                    }
                                }
                            }
                        });

            $("#grid").kendoGrid({
                dataSource: dataSource,
                pageable: true,
                height: 400,
                columns: [
                            { field: "Address", title: "Address", width: "250px" },
                            { field: "Address2", title: "Address2", width: "200px"
                                , template: "#= (Address2 == 'null') ? ' ' : Address2 #"
                            },
                            { field: "City", width: "100px" },
                            { field: "State", width: "100px", maxlength: "2" },
                            { field: "Zip", width: "100px" },
                            { command: ["edit", "destroy"], title: "&nbsp;", width: "210px"}],
                editable: "popup"               
            });
        });

I apologize for the double submissions

i have template in an external file like this

BooksLibrary.htm

<ul id="vid">
    <li class="panel"><a href="http://demo.fabthemes.com/valor/video/bioshock/">
        <img width="150" height="200" src="../../BookImages/${BookImageName}" class="v-image wp-post-image"
            alt="46" title="46" /></a>
        <button id="ViewDetail" class="k-button" type="${Book_Id}">
            Have a Look</button>
    </li>
</ul>


and in my script file i want to load this template

var templateMarkup;
$(function () {

    $.get("../Templates/BooksLibrary.htm", function (data) {
        templateMarkup = kendo.template(data);
    });

    var dataSource = new kendo.data.DataSource({

        transport: {
            read: {
                type: "POST",
                url: "../Service/books.svc/AllBooks",
                contentType: "application/json; charset=utf-8",
                dataType: "json"

            }
        },

        schema: {

            parse: function (data) {
                return JSON.parse(data.d);
            }
        },
        pageSize: 10
    });

    $("#casing").kendoListView({
        dataSource: dataSource,
        template: templateMarkup
    });
});

but data is not populated.
please help me where i did wrong, if i place template not in external file List View easily bind but i want to load template from external file

Nevermind.

Does anyone know how to convert:

detailTemplate: kendo.template($("#template").html()),
detailInit: this.initializeDetail,

to declarative syntax?

Additionally, does anyone have a link to documentation that lists all the declarative data- attributes?

EDIT: Found this: http://demos.kendoui.com/web/mvvm/widgets.html

Thanks!

Jesse

Hi,
I need to get dinamically the screen size of all mobile device from a webpage using javascript. I have tried this:

//get windows size
if (document.body && document.body.offsetWidth) {
 windowsWidth = document.body.offsetWidth;
 windowsHeight = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 windowsWidth = document.documentElement.offsetWidth;
 windowsHeight = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 windowsWidth = window.innerWidth;
 windowsHeight = window.innerHeight;
}

but on iPad I get these size: 980 x 1080 (not the real 768 x 1024).

Thanks Mauro

I am looking at using the KendoUI framework.   How would one determine which way to go once a user navigates to your website?. Example would be have a seamless transition to the best  interface for the end device.... to instigate a grid control for your "PC" users or a list view / mobile application for your mobile device users.

I coded to call a ListView and I want to have it where I can either set the selectable attribute off or on depending on how I am using the view at the time.  I find that once I call the KendoListView with selectable: true, it never turns off, even if I reload with the isSelectable set to false).  Is there something I need to do to clear the previous setting?  

Here is a sample of the code:

        $("#content").empty();
        $("#content").append(template);


        if (isSelectable) {
            $("#content").kendoListView({
                dataSource: dataSource,
                template: kendo.template($("#template").html()),
                selectable: true,
                change: function (e) {
                    alert("selected change event");
                }
            });
        }
        else {
            $("#content").kendoListView({
                dataSource: dataSource,
                template: kendo.template($("#template").html()),
                selectable: false
            });
        }

Hi,
In a scenario like this example here: http://jsfiddle.net/H4kNW/light/ 

How should the schema model be on my datasource when I want to use nested fields like this in my view model:

<input id="first" data-bind="value: Person.FirstName"/>
<input data-bind="value: Person.MiddleName"/>
<input data-bind="value: Person.LastName"/>

I tried:


But this did not work.  Please advise of the correct way someone?

Much appreciated!