How to bind dropdown list using knockout.js in mvc entity framework

Anonymous User 6473 15 Oct 2015

can anyone please help me solve this problem

1 Answers

Anonymous User 15 Oct 2015

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="/Scripts/jquery-2.1.4.min.js"></script>
  <script src="/Scripts/knockout-3.3.0.js"></script> 
</head>
<body>
<div id="demo">
<select class="form-control
Dropdown" id="brand" data-bind="options:Brands, optionsText:BrandName,optionsValue:'Id',
value:BrandId, optionsCaption: 'All'">
</select>
</div>
<script>
function viewModel() {
    var self = this;
    self.Brands = ko.observableArray();
    self. BrandId = ko.observable();
    $.getJSON("/Home/BrandList ", function (data) {
        self.Brands (data);
    });
 }
$(function () {
    var NewViewModel = new viewModel ();
    ko.applyBindings(NewViewModel,
document.getElementById("demo")); 
});
</script>
</div>
</body>
</html>
public class HomeController : Controller
{
 public JsonResult BrandList ()
{
 var data = db.Database.SqlQuery<Manufacturers>(@"SELECT DISTINCT BrandName,Id
 FROM Brand_table").ToList();
 return Json(data, JsonRequestBehavior.AllowGet);
}
}

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

How to bind dropdown list using knockout.js in mvc entity framework

Can you answer this question?

1 Answers