javascript - .autocomplete Issues with ID column -
i want done calling following action find
in citycontroller
.
i can put break point , see, things fine data delivered client.
autocomplete sort of works when selecting item; becomes blank , throws weird javascript exception.
even though autocomplete part of ui-1.8.9.custom js file, still need provide blow script it.
when select
city
, wantcityid
populated can continue other search.
<link type="text/css" href="/content/jquery-ui-1.8.9.custom.css" rel="stylesheet" /> <script src="../../scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="../../scripts/jquery-ui-1.8.9.custom.min.js" type="text/javascript"></script> <script src="../../scripts/jquery.autocomplete.js" type="text/javascript"></script> <div class="ui-widget" style="float:right"> <label for="city">city: </label> <%= html.textbox("city") %> </div> $("input#city").autocomplete('<%= url.action("find", "city") %>', { datatype: 'json', parse: function(data) { alert(data.tostring); var rows = new array(); for(var i=0; i<data.length; i++){ rows[i] = { data:data[i], value:data[i].cityname, result:data[i].cityid }; } return rows; }, formatitem: function(row, i, n) { return row.cityname ; }, width: 300, mustmatch: true, }); public class citycontroller : controller { // // get: /city/ public actionresult find(string q) { var data = s in dataprovider.citynames s.name.tolower().startswith(q.tolower()) select new {cityid=s.id, cityname =s.name}; var x = data.tolist(); return json(x,jsonrequestbehavior.allowget); }
Comments
Post a Comment