Hi there, i am running into an issue, i have a nested TabStrip. On the CONTROL CENTER Tab, if i select a page, the page is added to the NESTED PAGES TabStrip. The problem is that when i click on the previous tabs, the data from the newly added tab shows up in the existing tab(N PAGE 1 - N PAGE 3) 

How do i fix this problem ?.

Thanks

Here is what I am trying to achieve in a nutshell:

User filters/sorts grid in whatever way they desire. User leaves page and comes back to said grid in the same state that it was left in. Is there any way to do this through event handlers/without using buttons?

Thanks!

Upgrading from 2016.1.112 to 2017.3.1026 has broken every single one of my controls. (Large Project)..

I can not seem to find the root of my problem. 

I do know I can't find this file src="/Scripts/kendo/2017.3.1026/jszip.min.js"

Running on MVC 5. ASP.NET

Hi,
We have a grid mvc which use a TemplateName property to Popup window, the template named="ETOrdenDetail", this template contains another GridMVC, and one of columns use an Edit Template into column "columns.Bound(c => c.ITEM.ITEMNO_ITEMDESC).Title("Item").EditorTemplateName("ETItem");". 

So if we run the Project we receive an error, here details:

Main view: ListOrden

            @(Html.Kendo().Grid<NEW.Models.VW_ORDENHD>()
                        .Name("grid")
                        .Columns(columns =>
                        {
                            columns.Bound(c => c.ORDERID).Visible(false);
                            columns.Bound(c => c.ORDERNO).Title("Orden #");
                            columns.Bound(c => c.FECHA_ENTREGA).Title("Entregar el");
                            columns.Bound(c => c.CONTACTO).Title("Contacto");
                            columns.Bound(c => c.EMAIL).Title("Email");
                            columns.Bound(c => c.OBSERVACION).Title("Observacion").Filterable(false);
                            columns.Bound(c => c.ACTIVO.DESCRIPCION);
                            columns.Command(command =>
                            {
                                command.Edit().HtmlAttributes(new { style = "background-color:#81DAF5; border-color:#A4A4A4" });
                                command.Destroy().HtmlAttributes(new { style = "background-color:#81DAF5; border-color:#A4A4A4" });
                                //command.Custom("fnEditAcciones").Text("Editar");
                                //command.Custom("fnEditAcciones").Text("Eliminar");
                            });
                        })
                        .HtmlAttributes(new { style = "height: 550px;" })
                        .Scrollable()
                        .ToolBar(toolbar =>
                        {
                            toolbar.Create().Text("Agregar Orden").HtmlAttributes(new { style = "background-color:#A0C331; border-color:#A4A4A4" });
                        })
                        //.Groupable()
                        .Sortable()
                        .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ETOrdenDetail").Window(w=>w.Title("Orden de Compra")))
                        .Events(events =>
                        {
                            events.Edit("fnEditAcciones");
                            events.Save("fnSaveAcciones");
                            events.Remove("fnRemoveAcciones");
                            events.DataBound("fnDataBound");
                        })
                        .Filterable(m => m.Mode(GridFilterMode.Row))
                        .Pageable(pageable => pageable
                                    .Refresh(true)
                                    .PageSizes(true)
                                    .ButtonCount(3))
                        .DataSource(dataSource => dataSource
                            .Ajax()
                            .ServerOperation(true)
                            .Model(model =>
                            {
                                model.Id(p => p.ORDERID);
                                model.Field(p => p.ACTIVO).DefaultValue(
                                        ViewData["cmbACTIVODefault"] as NEW.Models.VW_ACTIVO
                                        );
                            })
                            .PageSize(8)
                            .Read(read => read.Action("GetOrdenesHD", "Orden"))
                            .Create(update => update.Action("AddOrdenHD", "Orden"))
                            .Update(delete => delete.Action("ActualizarOrdenHD", "Orden"))
                            .Destroy(destroy => destroy.Action("BorrarOrdenHD", "Orden"))
                        )

            )

Template for Popup: ETOrdenDetail.cshtml

Please note: c.ITEM.ITEMNO_ITEMDESC, which contains another Template.  Here display the problema.

@model NEW.Models.VW_ORDENHD
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                # Orden:           
                @Html.EditorFor(m => m.ORDERNO, "ETTextBox")
                @Html.EditorFor(m => m.ORDERID, new { style="display:none" })
            </div>
            <div class="col-md-3">
                Fecha Entrega:
                @Html.EditorFor(m => m.FECHA_ENTREGA, "ETDatePicker")
            </div>
            <div class="col-md-3">
                Activo:
                @Html.EditorFor(m => m.ACTIVO.STATUS, "ETCheckBox")
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                Contacto:
                @Html.EditorFor(m => m.CONTACTO, "ETTextBox")
            </div>
            <div class="col-md-3">
                Email:
                @Html.EditorFor(m => m.EMAIL, "ETEmail")
            </div>
        </div>
        <div class="row">
            <div class="col-md-9">
                Observacion:
                @Html.EditorFor(m => m.OBSERVACION, "ETTextArea")
            </div>
        </div>
        <br />
        @(Html.Kendo().Grid<NEW.Models.VW_ORDENDT>()
                            .Name("gridDetail")
                            .Columns(columns =>
                            {
                                //columns.Bound(c => c.ORDERID).Visible(false);
                                columns.Bound(c => c.ORDERDETAILID).Visible(false);
                                columns.Bound(c => c.ITEMID).Visible(false);
                                columns.Bound(c => c.ITEM.ITEMNO_ITEMDESC).Title("Item").EditorTemplateName("ETItem");
                                columns.Bound(c => c.CANTIDAD).Title("Cantidad");
                                columns.Command(command =>
                                {
                                    command.Edit().HtmlAttributes(new { style = "background-color:#81DAF5; border-color:#A4A4A4" });
                                    command.Destroy().HtmlAttributes(new { style = "background-color:#81DAF5; border-color:#A4A4A4" });
                                });
                            })
                            .HtmlAttributes(new { style = "height: 300px;" })
                            .Scrollable()
                            .ToolBar(toolbar =>
                            {
                                toolbar.Create().Text("Agregar Item").HtmlAttributes(new { style = "background-color:#A0C331; border-color:#A4A4A4" });
                            })
                            .Sortable()
                            .Editable(editable => editable.Mode(GridEditMode.InLine).DisplayDeleteConfirmation(false))
                            .Events(events =>
                            {
                                //events.Edit("fnDetailEditAcciones");
                                events.Save("fnDetailSaveAcciones");
                                events.Remove("fnDetailRemoveAcciones");
                            })
                            .Pageable(pageable => pageable
                                        .Refresh(true)
                                        .PageSizes(true)
                                        .ButtonCount(3))
                            .DataSource(dataSource => dataSource
                                .Ajax()
                                .Model(model =>
                                {
                                    model.Id(p => p.ORDERDETAILID);
                                    model.Field(p => p.ITEM).DefaultValue(
                                            new NEW.Models.VW_ITEM { ITEMID = 0, ITEMNO = "", ITEMDESC = "Item no seleccionado" }
                                            );
                                })
                            .PageSize(75)
                            .Read(read => read.Action("GetOrdenesDT", "Orden"))
                            .Create(update => update.Action("AddOrdenDT", "Orden"))
                            .Update(delete => delete.Action("UpdateOrdenDT", "Orden"))
                            .Destroy(destroy => destroy.Action("EliminarDT", "Orden"))
                            )
        )
    </div>

Edit Template: ETItem.cshtml

@(Html.Kendo().ComboBox()
                      .Name("ITEM")
                      .DataTextField("ITEMNO_ITEMDESC")
                      .DataValueField("ITEMID")
                      .Placeholder("Seleccione el item...")
                      .Filter(FilterType.Contains)
                      .DataSource(source =>
                      {
                          source.Read(read =>
                          {
                              read.Action("GetItems", "Orden");
                          })
                          .ServerFiltering(false);
                      })
                      .AutoBind(false)
          .HtmlAttributes(new { style = "width:100%;" })
)

Basically the last edit template display error:

browser console error:

VM3036:1 Uncaught SyntaxError: Invalid or unexpected token
    at eval (<anonymous>)
    at http://localhost:13532/NEW/Scripts/jquery-1.12.4.min.js:2:2651
    at Function.globalEval (http://localhost:13532/NEW/Scripts/jquery-1.12.4.min.js:2:2662)
    at Ha (http://localhost:13532/NEW/Scripts/jquery-1.12.4.min.js:3:21262)
    at n.fn.init.append (http://localhost:13532/NEW/Scripts/jquery-1.12.4.min.js:3:22791)
    at M.fn.init.n.fn.(anonymous function) [as appendTo] (http://localhost:13532/NEW/Scripts/jquery-1.12.4.min.js:3:24510)
    at init._createPopupEditor (http://localhost:13532/NEW/Scripts/kendo/kendo.all.min.js:49:14769)
    at init.editRow (http://localhost:13532/NEW/Scripts/kendo/kendo.all.min.js:49:12005)
    at init.addRow (http://localhost:13532/NEW/Scripts/kendo/kendo.all.min.js:49:19823)
    at HTMLAnchorElement.<anonymous> (http://localhost:13532/NEW/Scripts/kendo/kendo.all.min.js:49:20638)

Detail error from browser console :

 jQuery(function(){jQuery("\#gridDetail").kendoGrid({"save":fnDetailSaveAcciones,"remove":fnDetailRemoveAcciones,"columns":[{"title":"Item","headerAttributes":{"data-field":"ITEM.ITEMNO_ITEMDESC","data-title":"Item"},"field":"ITEM.ITEMNO_ITEMDESC","encoded":true,"editor":"<input id=\"ITEM\" name=\"ITEM\" style=\"width:100%;\" type=\"text\" /><script>
 jQuery(function(){jQuery(\"#ITEM\").kendoComboBox({\"dataSource\":{\"transport\":{\"read\":{\"url\":\"/NEW/Orden/GetItems\"},\"prefix\":\"\"},\"schema\":{\"errors\":\"Errors\"}},\"dataTextField\":\"ITEMNO_ITEMDESC\",\"filter\":\"contains\",\"autoBind\":false,\"dataValueField\":\"ITEMID\",\"placeholder\":\"Seleccione el item...\"});});

So, my question is: can we use nested edit template? or we need to do something else in order to work?

Thanks,

David,

I am absolutely new to Kendo and I am developing an Event Scheduler in MVC. The problem I'm trying to solve is to validate an recurrence and displaying in the form of an alert/notification message, the date/time of the slots that are occupied i. The slots that passes validation should be saved.  Could someone point me in the right direction.

Thanks 

Phil

Is it possible to using the new grouping when binding to local data?

 My current code is:

I, however, don't want to use a datasource, I want to bind my dropdown to local data using .BindTo(.....) but still group by the ParentTaskName.

Is this possible?

Hello,

in my ASP.NET MVC application I have a Kendo Button that is calling a controller action. While this action is working I'm showing a Kendo progress control. The controller action is a long running action that is updating several database items. In addition to my current solution I'm searching for a solution to show the progress of the long running action (e.g. display "Updated x of y items").

This is extract of my current solution:

View:

In the corresponding controller action I iterate over all passed items. While the action is running I want to show the user how many items have been processed. Is there any possibility to realise this?

Regards

Raphael

Hello!

I would like to upload a file to the server and also write some data into SQL database after the user fills a form with those metadata. I used the widget this way:

@Html.Kendo().Upload().Name("docUpload").Async(a => a.Save("UploadFile", "Dokumentum", new { id = Model.Id }).AutoUpload(false)).Multiple(true).Events(ev => ev.Upload("onUpload").Error("onError").Success("onSuccess"))

The widget first calls onUpload javascript that calls the action that stores the metadata in SQL (input parameter is json). This action returns empty content if successful, or content with the error message if fails.

Either the first action was successful or failed, the widget calls the UploadFile action, that stores the file on the server (input parameter is HttpPostedFileBase). This action also returns with an empty content if it was successful.

This is works perfectly. My problem is, that what if the metadata writing fails (because of some validation or anything) and the file will be copied to the server. Or the metadata writing is successful but the file store fails. I would like the widget returns successful message only if both are successful or error message if one of them fails (of course the other action shouldn't be executed).

Here's the onUpload javascript:

Thanks for your help

Hello,

In my mobile application there is an Editor who value i want to submit on save button click. But when i post form serialize the Controller gets no value for Editor in formcollection

@(Html.Kendo().MobileView()
.Name("Notizen")
.Stretch(true)
.Layout("mobile-tabstrip")
.Title("Notizen")
.Content(@<text>
 
     <form class="frmAdressNotes" action="@Url.Action("SubmitMobileNotes", "AdressDetail")" id="frmAdressNotes" method="post">
@(Html.Kendo().Editor().Value(Model.Notes)
.HtmlAttributes(new { style = "width: 480px;height:350px"})
.Name("editor").Encode(true)
)
</form>

</text>)
)


@Html.Hidden("txtTheme1", Session["theme"].ToString())
@(Html.Kendo().MobileLayout()
.Name("mobile-tabstrip")
.Header(obj => NavBarTemplate(this))
)

@helper NavBarTemplate(WebViewPage page)
{
@(Html.Kendo().MobileNavBar()
.Content(navbar =>
@<text>
               
     @(Html.Kendo().MobileButton()
.Align(MobileButtonAlign.Right)
.HtmlAttributes(new { @class = "save"})
.Events(events => events.Click("onClick"))
.Text(""))
</text>)
)
}

function onClick(e) {

var $form = $("#frmAdressNotes");
$form.find("[data-role=editor]").each(function () {
var editor = $(this).data("kendoEditor");
// ... append a hidden input that holds the editor value
$("<input type='hidden' />")
.attr("name", editor.element.attr("id"))
.val(editor.value())
.appendTo(form);
});
      
        var dataPost = $form.serialize();

$.ajax({
url: "@Url.Action("SubmitMobileNotes", "AdressDetail")",
type: 'POST',
strNotes: dataPost,
cache: false,
aysnc:false,
success: function (data) {
if (data == "Error") {
alert(data);
} else {
                    
                    window.location.href = data;
}
}
});

}

if i write the code in form submit Event it Posts correctly. But i Need a Ajax call .Here is my Controller method

public void SubmitMobileNotes(ControlsContext notemodel, FormCollection formCollection)
{

string keyvalue = formCollection["editor"];

keyvalue is always null

Thanks

Anamika