This is a migrated thread and some comments may be shown as answers.

Multiselect not rendering correctly, throbber always showing, lookups appearing above text field

3 Answers 134 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Ben
Top achievements
Rank 1
Ben asked on 04 Jun 2013, 11:07 PM
This is for Kendo UI version 2013.1.514.340.

Here is my MVC view:

<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/kendo.web.min.js"></script>
<script src="~/Scripts/kendo.aspnetmvc.min.js"></script>
<link href="~/Styles/examples.css" rel="stylesheet" />
<link href="~/Styles/kendo.common.min.css" rel="stylesheet" />
<link href="~/Styles/kendo.default.min.css" rel="stylesheet" />

@using Kendo.Mvc.UI
@model List<CV.Prototype.ViewModels.MyRecord>

@(Html.Kendo().MultiSelect()
      .Name("categoryMultiselect")
      .DataTextField("Name")
      .DataValueField("Id")
      //SERVER BINDING
          .BindTo(Model)
          .Value(Model)   
      )

My controller is simply:
        public ActionResult Index()
        {

            var x = new List<MyRecord>
                {
                    new MyRecord {Id = 1, Name = "Name1"},
                    new MyRecord {Id = 2, Name = "Name2"},
                    new MyRecord {Id = 3, Name = "Name3"},
                    new MyRecord {Id = 4, Name = "Name4"}
                };
            return View(x);
        }

All the records display inside the grey boxes, but are not inside the input text box. Also the throbber is constantly displaying. Apart from this it functions correctly both with Server and Ajax binding. Any clues as to what I might be missing?

3 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 06 Jun 2013, 03:30 PM
Hello Ben,

The latest release requires jQuery 1.9.1 and it seems that 1.7.1 is used in the project. Could you check if updating the jQuery versions resolves the problem? The rest of the code looks correct. If the problem persists, please provide a small runnable project so I can investigate what exactly goes wrong.

Regards,
Daniel
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ben
Top achievements
Rank 1
answered on 07 Jun 2013, 05:48 AM
Hi Daniel,

I've updated jQuery to 1.9.1 now but it behaves exactly the same. I filed a support ticket (heard nothing yet) and supplied the solution. How can I upload the solution here?
0
Daniel
Telerik team
answered on 07 Jun 2013, 11:18 AM
Hello Ben,

I posted my reply in the support ticket. For convenience I am pasting it below and I have attached the updated project.

The problem seems to be caused by the styles used in the project. Could you specify from where they were added? I tested with the CSS files from both the trial and commercial packages(should be the same) for the version but the styles seemed to be correct. I attached the updated project.

Regards,
Daniel
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
MultiSelect
Asked by
Ben
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Ben
Top achievements
Rank 1
Share this question
or