2016-07-15 3 views
-1

Я использую Telerik MVC 4. Я хочу сделать список со списком и выпадающим списком. Но он всегда показывает текстовое поле.Как сделать выпадающее меню с помощью Kendo UI

Это контроллер

[Authorize] 
     public JsonResult GetProvinsiByJSON() 
     { 
      var propinsi = db.Tbl_Propinsi.Where(b => b.flag == "Y").Select(b => new { Value = b.id_propinsi, Text = b.propinsi }).AsEnumerable(); 
      return Json(propinsi, JsonRequestBehavior.AllowGet); 
     } 

Это мой взгляд

@{ 
    ViewBag.Title = "Kota"; 
    Layout = "~/Views/Shared/_adminLayout.cshtml"; 
} 

<div class="tables"> 
    <div class="table-responsive bs-example widget-shadow"> 
     <h4>Data Kota:</h4> 
     <div> 
      <form> 
       <div class="form-group"> 
        <label for="kategori">Tambah Kota</label> 
        <br/> 
        @(Html.Kendo().ComboBox() 
         .Name("provId") 
         .Placeholder("Pilih Provinsi") 
         .DataTextField("Text") 
         .DataValueField("Value") 
         .HtmlAttributes(new { style = "width:100%;" }) 
         .Filter("contains") 
           .DataSource(source => { source.Read(read => read.Action("GetProvinsiByJSON", "Lokasi")); }) 
        ) 
        @(Html.Kendo().DropDownList() 
         .Name("provID") 
         .OptionLabel("Please select Provinsi ...") 
         .HtmlAttributes(new { style = "width:40%" }) 
         .DataTextField("Text") 
         .DataValueField("Value") 
         .Filter("contains") 
         .DataSource(source => { source.Read(read => read.Action("GetProvinsiByJSON", "Lokasi")); }) 
        ) 
        <input type="text" class="form-control" id="kota" name="kota" placeholder="Nama Kota"> 
        <button type="submit" class="btn btn-default">Simpan</button> 
       </div> 
      </form> 
     </div> 
     <table class="table table-bordered"> 
      <thead> 
       <tr> 
       <th>No</th> 
       <th>Kota</th> 
       <th>Provinsi</th> 
       </thead> 
       <tbody> 

       </tbody> 
     </table> 
    </div> 
</div> 

Это то, что я получаю, просто пустое текстовое поле

enter image description here

Пожалуйста, помогите мне. Спасибо в продвинутом состоянии

+0

Обратите внимание, что тег-контроллер-модель-образец предназначен для вопросов о шаблоне. Существует определенный тег для реализации ASP.NET-MVC. –

+0

Из моего опыта это поведение обычно возникает из-за ошибок JavaScript на вашем представлении пользовательского интерфейса Kendo. Пожалуйста, просмотрите страницу просмотра с помощью инструментов разработчика браузера и разместите здесь показанные здесь ошибки. –

ответ

2

Это скорее всего было вызвано ошибками JavaScript или отсутствием необходимых ресурсов, необходимых для пользовательского интерфейса Kendo.

Для того, чтобы сценарии Кендо UI, чтобы работать, как и ожидалось, убедитесь, что вы включить ссылку на библиотеку JQuery в документ до сценариев.

Пожалуйста, посмотри на следующие ссылках:

http://docs.telerik.com/kendo-ui/intro/installation/prerequisites#javascript-prerequisites http://docs.telerik.com/kendo-ui/intro/installation/getting-started#host-kendo-ui-in-your-project

Надеется, что это помогает.

+0

Да, спасибо, но данные в db по-прежнему не могут быть заполнены. Ты знаешь почему? –

Смежные вопросы