Hi all,
All elements of kendo ui are very fexible and usable. That is very important but elements as filters, page, and sorts in grids or width in splitter, can be saved state.
states can be saved for future elements entered by means of cookies?
and then set starting these elements obtained from the cookies saved?
The ui framework have any native method for this, or there is that develop any solutions...

best regards

How to get Time Picker/ DateTime in editable grid

if i have a function like

displayMessage = function (displayTitle, display) {
                $("<div></div>").kendoWindow({
                    animation: {
                        open: {
                            effects: "slideIn:left fadeIn",
                            duration: 500
                        },
                        close: {
                            effects: "slide:left fadeOut",
                            duration: 500
                        }
                    },
                    visible: true,
                    title: displayTitle,
                    modal: true,
                    width: "50%",
                    deactivate: function () {
                        this.element.closest(".k-widget").remove();
                    }
                }).data("kendoWindow")
                .content(display)
                .center()
                .open();
            }

and call the method:

displayMessage("Test", "<label>Hi there</label>");

In firefox, safari, chrome, ie9 this works.

In ie8 the window pops up. The title is shown but the content is blank, nothing is there. Why is the content not showing?

Thanks,

Hey all,

I'm coming across some strange issues.  In my "create" button on my kendo MVC grid (using the defaults for the grid, such as:
.ToolBar(commands => commands.Create()

1] I can't override the default width of the window with the "min size" properties, or any other html attributes to work when creating a window from the create / update button within a grid.  I basically want it to be a square, 450x450, and can't accomplish this by adding in new { @style="height:450px; width:450px"} or the minHeight/minWidth property of the window inside my grid. 

What do I do to get the popup-edit window in my grid to seize according to my definition?

2]  In my grid, I have this:
.Editable(editable => editable.Mode(GridEditMode.PopUp)
                                                .TemplateName("PolicyViewModel")
                                                .Window(window => window.Title("Manage Policy"))))

In a SharedTemplate for the editor pop-up window, I have a couple of drop downs, e.g.:
@(Html.Kendo().DropDownListFor(m=>m.SourceId)
        .SelectedIndex(0)
              .DataTextField("Name")
              .DataValueField("Id")
              .Value(Model.SourceId.ToString(CultureInfo.InvariantCulture))
              .BindTo(ViewBag.sources))         

The drop down binds perfectly well, but on submitting the data, my selections (and defaults) are always ignored / never sent over the wire.  I'm not too sure why at this point...

Why oh why is that the case?  What am I doing incorrectly?

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