Upload duplicates items upon after selecting files

[Robin]

Hi sorry for duplicating my post, but I can't post a reply on my first previous post.

below are the details. Thanks.

I updated my Kendo from 1.416 to 2.716 (yes, I skipped the updates for a long time.).
So, I have this 100% working Kendo Upload(w/ v 1.416), after updating to v.2.716 the files are being duplicated after selecting items.
Codes are basic Kendo Upload async inside a tabstrip for  aspnet mvc(razor).
Please let me know if there are issues with Upload inside Tabstrip because my other Upload are working fine outside the Tabstrip.

Please refer on the sample code below.

Edit.cshtml

01.@model MyModelMain
02.@if (Model.Id != 0)
03.    {
04.        @(Html.Kendo().TabStrip()
05.          .Name("MyItems")
06.          .Items(items =>
07.          {
08.              items.Add().Text("Item1")
09.                  .Selected(true)
10.                  .Content(@<div>@Html.Action("Index", "Item1Controller", new { ItemId = Model.Id })</div>);
11.              items.Add().Text("Item2")
12.                 .Selected(false)
13.                  .Content(@<div>@Html.Action("IndexItem2", "Item2Controller", new { ItemId = Model.Id })</div>);
14.          }))
15.    }

Item2Controller.cs

01.public class Item2Controller : BaseManagementWithModelController<MainModel,long,MyModelMain,MyModelMain>
02.{
03.
04.    /*constructor here*/
05.
06.    public ActionResult IndexItem2(long Id)
07.    {
08.        var entity = new ItemModel();
09.        ItemViewModel model = new ItemViewModel();
10.        entity = service.Get(Id);
11.
12.        model = mode.MapFrom(entity);
13.
14.        return View("IndexItem2",model);
15.
16.    }
17.}

IndexItem2.cshtml

01.@model List<ItemViewModel>
02.
03.@(Html.Kendo().Upload()
04..Name("Item2Upload")
05.
06..Async(x => x.AutoUpload(false)
07.    .Save("UploadImage", "Item2Controller", new RouteValueDictionary
08.                                                {
09.                                                    {Constants.ItemId, TempData[Constants.ItemId]}
10.
11.                                                }))
12..Events(x => x
13.                .Select("uploadItem2Image_onSelect")
14.                .Complete("uploadItem2Image_onSuccess")
15.)
16..Multiple(true))
17.
18.@if(Model != null && Model.Count() > 0)
19.{
20.    foreach(var itemImages in Model.OrderyBy(x => x.Id))
21.        {
22.            <img src ='@images.ImagePath' />
23.        }
24.}

I tried to duplicate the scenario on this example, but i failed.

Please see the filed attached on this for reference.

[Dimiter Madjarov]

Hi Robin,


  Thank you for the sample code. Nevertheless I was unable to spot any mistakes in it, that might cause the problem or anything that should differentiate Upload widgets inside a TabStrip or not.
  Is the issue observed in all browsers or only a specific one (e.g. Internet Explorer 7 might cause similar problems)?
  If possible, could you send us an isolated runnable example, that we could inspect and debug locally in order to pin point the exact reason faster (a single page with a TabStrip and Upload will be sufficient)?

I am looking forward to hearing from you.

Regards,
Dimiter Madjarov
Telerik

 

 

[Robin]

Hi Dimiter

I was able to replicate the scenario. Please see the attached file for the project running at VS2013.
It's performs the same to most of the browsers(IE,Chrome,Opera,Safari, etc..)

Thanks and more power to your team,
Robin

[Dimiter Madjarov]

Hi Robin,


The reason for the issue is that the main page and the views rendered in the tabs are sharing the same layout page. This is why the Kendo UI scripts are loaded multiple times which is causing the Upload issue. Additionally the kendo.aspnetmvc.js file is missing and it is required when the Kendo UI MVC wrappers are used.

For simplicity I prepared a separate project to demonstrate the working scenario, that you could find attached to my post. Additionally I would suggest to check the following documentation page, which demonstrates how to correctly include Kendo UI in a Visual Studio MVC project.

I hope this information helps. I wish you a great day!

Regards,
Dimiter Madjarov
Telerik