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

4 posts, 0 answers
  1. Ben
    Ben avatar
    2 posts
    Member since:
    May 2013

    Posted 04 Jun 2013 Link to this post

    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?
  2. Daniel
    Admin
    Daniel avatar
    2117 posts

    Posted 06 Jun 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Ben
    Ben avatar
    2 posts
    Member since:
    May 2013

    Posted 07 Jun 2013 Link to this post

    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?
  5. Daniel
    Admin
    Daniel avatar
    2117 posts

    Posted 07 Jun 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready