I am using the MVC wrapper and I'm able to get all working except the Destroy option, it never fires the AJAX post like the example.  The only difference between my setup and the example  is that I am using Azure Blob as my image storage.  Read, Upload and Thumbnails work great.  Below is my current code.

Also, I am not able to have the 2 scripts listed below included on the same page.  This creates problem number 2 for me. I canot get the grid to sort and filter without the "kendo.aspnetmvc.min.js" script. When I do included this feature work for the grid but then it breaks my editor.

Please remember that this page is a test page only.  Thanks in advance for your help.  - Shawn


@using Kendo.Mvc.UI;
@{
    Layout = "";
    ViewBag.Title = "Test_KendoUI";
    AcctInfo acctInfo = (AcctInfo)Session["AcctInfo"];
}
<link rel="stylesheet" href="@Url.AzureCdnContent("~/Content/KendoUI/2013.3.1119/kendo.common.min.css")" />
<link rel="stylesheet" href="@Url.AzureCdnContent("~/Content/KendoUI/2013.3.1119/kendo.default.min.css")" />

<script src="@Url.AzureCdnContent("~/Scripts/KendoUI/2013.3.1119/jquery.min.js")"></script>
@* Need below script for Editor ImageBrowser to work properly *@
<script src="@Url.AzureCdnContent("~/Scripts/KendoUI/2013.3.1119/kendo.web.min.js")"></script>    
@* Need below script for GRID to Work properly BUT CANNOT have both scripts. When the below script is included the imagebrowser loads "Undefined" folders as the images when opened.
<script src="@Url.AzureCdnContent("~/Scripts/KendoUI/2013.3.1119/kendo.aspnetmvc.min.js")"></script>
*@

<h2>Test_KendoUI</h2>


@(
    Html.Kendo().Editor()
        .Name("EmailMessage")
        .HtmlAttributes(new { style = "width: 740px;height:440px" })
        .Tools(tools => tools
            .Clear()
            .Bold().Italic().Underline().Strikethrough()
            .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
            .InsertUnorderedList().InsertOrderedList()
            .Outdent().Indent()
            .CreateLink().Unlink()
            .InsertImage()
            .SubScript()
            .SuperScript()
            .TableEditing()
            .ViewHtml()
            .Formatting()
            .FontName()
            .FontSize()
            .FontColor().BackColor()
        )
        .Value("")
        .ImageBrowser(imageBrowser => imageBrowser
        .Image("http://pas.blob.core.windows.net/users/" + @acctInfo.accountOwnerUserID + "/files/Images/{0}") // image location URL              
        .Read("_getImages", "Common") // get files
        .Create("_createDir", "Common") // create folder/directory
        .Destroy("_deleteImage", "Common") // delete file or folder
        .Upload("_uploadImage", "Common")  // add new file
        .Thumbnail("_getThumbnailImages", "Common")  
        .FileTypes("*.jpg,*.png,*.gif,*.jpeg,*.bmp")               
        )
)

Hello,
is it possible to align time horizontally?
Something like here in aspnet-ajax?
http://www.telerik.com/community/forums/aspnet-ajax/scheduler/align-time-horizontally-in-week-view.aspx
thanks it would help me a lot...

I have found numerous Google threads on this, but absolutely nothing works.  I just want to open a window to a maximum 80% the browser height.  That's it.  I don't want to specify a size in pixels.  That doesn't do any good for multiple devices.

So the height should be auto sized, but up to a max size of 80% the browser window at the time of when the kendo window opened.  Is this not possible?

I have created a window as below.  How do I open this window from a button click?  I have set visible to false so it doesn't show at start up.  How do I then show this window from a button?

@(Html.Kendo().Window()
.Name("kendoWindow") //The name of the window is mandatory. It specifies the "id" attribute of the widget.
.Title("Login") //set the title of the window
.Content(@<text>
This is my window.
</text>)
.Draggable() //Enable dragging of the window
.Resizable() //Enable resizing of the window
.Width(600) //Set width of the window
.Modal(true)
.Visible(true)
)

Greg

Hi, 

In one of my projects I have to display a Popup window with a grid (it is binded to a remote data source), allow the user to select
multiple rows from any of the grid's pages and copy them to another grid datasource when the user hit a button.

I have almost succeed in the way:

•  I'm able to display both grid
• I have added a checkbox to each row to allow users to select rows
• store the Ids of my selected rows in a json string 
• restore selection when user move from one page to another
• Get the list of selected Ids

I have a window on my page:

@(Html.Kendo().Window()
    .Name("window")
    .Title("Add New Comment").LoadContentFrom("AddComment", "Comparisons", new { startDate = @ViewBag.startDate, endDate = @ViewBag.endDate })

    .Draggable()
    .Resizable()
    .Width(450).Height(500)
    .Position(settings => settings.Top(100).Left(100)).Visible(false).Modal(true).Iframe(true)
    .Actions(actions => actions.Close())
)

I open the window with a hyperlink, here is the binding:

        $("#addCommentLink").click(function () {
            $("#window").data("kendoWindow").refresh().open();
        });

I have a div that's not related at all to the window.

<div id='dummy'></div>

At some point I load the div with a partial render.

function ReloadCommentSection() {      
        $("#dummy").load('@Url.Action("CommentEventSection", new { startDate = @ViewBag.startDate, endDate = @ViewBag.endDate })');        
    }

Once that div is loaded, the window won't open any more.  I get an error that  $("#window").data("kendoWindow") is undefined.


What am I doing wrong?

I have a grid ( built with javascript not razor ).
I have aggregates running on several columns and they display fine in the footer of each group once a grouping is added.
if I minimise the group then that information is hidden so I would like to move all the aggregates in the header of each group so they are always visible even when the group is minimised.
The standard groupHeaderTemplate only applies when that particular column is added to a group. What I want is for the aggregates to show regardless of which column is added to the group.

Is this possible ?

Hi,

I was having a hard time in trying to figure out how to position the validation message of an editable cell. My problem is that once it appears it is blocking the cell itself.

Thanks in advance.

In trying to develop a website using the MVCwrappers I am having 2 issues related to the grid.
- When 2 mobile grids are on a page the bottom grid covers half of the top grid.
- I have a grid in a mobile tabstrip, but the grid will not display if the Mobile property is set to "PHONE". However, it does show up when set to "AUTO".

Hi , 

In one of my project I have to let the user pickup on item from a dropdown list and then Add the corresponding Item from my model to a Grid datasource.
The Dropdown list is bind to a property of my ViewModel which is filled by the controller. The grid datasource is also bind to another ViewModel property which is empty and should be passed to controller upon From submit. Both properties are of the same type (TempPp)

My viewmodel contains 2 DateTime properties and after calling the values of those two properties are not displayed properly in the grid

The value sent by the controller is {01/11/2012 00:00:00} and the displayed value is /Date(1351724400000)/
or  {31/12/2013 00:00:00} and /Date(1388444400000)/

Here is myViewmodel

Here is a simplified version of my Razor view:

@model Customer.Asam.Presentation.Supplier.ViewModels.ARRViewmodel

@using Customer.Asam.Resources

@using Customer.Asam.Presentation.Supplier.Common

 

@using (Html.BeginForm("Create_Step3", "", FormMethod.Get, new { @id = "FORM_ARR_3" }))

{

    <div>

        <h2>@Asam_Strings.TITLE_CREATE_ARR_STEP 3 @Asam_Strings.TITLE_CREATE_ARR_PREVENTION_PLAN</h2>

 

        @Asam_Strings.LABEL_PP_REFERENCE

 

        @(Html.Kendo().DropDownList()

            .HtmlAttributes(new { style = "width: 250px" })

            .BindTo(Model.tempPP)

            .Name("tempPP") //The name of the combobox is mandatory. It specifies the "id" attribute of the widget.

            .DataTextField("PPREF") //Specifies which property of the Product to be used by the combobox as a text.

            .DataValueField("ID") //Specifies which property of the Product to be used by the combobox as a value.

            .Events(e => e

            .Select(@<text>

                function(e) {

                    e.preventDefault();

                    var dataItem = this.dataItem(e.item.index());

                 

                    if (e.item.index() > 0)

                    {

                        var grid = $("#RefPP").data("kendoGrid");

                        grid.dataSource.add(dataItem);                 

                    }

                }  </text>))

         )

 

        <script>

            function indexPP(dataItem) {

                var data = $("#RefPP").data("kendoGrid").dataSource.data();

                return data.indexOf(dataItem);

            }

        </script>

         

        @(Html.Kendo().Grid(Model.RefPP)

            .Name("RefPP")

            .DataSource(dataSource => dataSource

                .Ajax()

                .PageSize(1)

                .ServerOperation(false)

             )

 

            .Columns(column =>

                {

                    column.Bound(c => c.PPREF)

                        .ClientTemplate("#= PPREF # " +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].PPREF' value='#= PPREF #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].PPSRCAPPLICATION' value='#= PPSRCAPPLICATION #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].PPSITE' value='#= PPSITE #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].DESCRIPTION' value='#= DESCRIPTION #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].DATEFROM' value='#= DATEFROM #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].DATEFROM' value='#= DATEFROM #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].DATETO' value='#= DATETO #' />" +

                        "<input type='hidden' name='RefPP[#= indexPP(data)#].QUOTA' value='#= QUOTA #' />");

                     

                    column.Bound(c => c.PPSITE);

                    column.Bound(c => c.DESCRIPTION);

                    column.Bound(c => c.DATEFROM)

                        .Format("{0:dd/MM/yyyy}");

                    column.Bound(c => c.DATETO)

                        .Format("{0:dd/MM/yyyy}");

                    column.Bound(c => c.QUOTA);

                }

            )

        )

 

    </div>

}