Hi!
This infernal autocomplete took me two days, but I finally made it. Territories is an entity from Northwind schema.
DAO
public IQueryable<string> getTerritoryDescription(string searchstring)
{
NorthwindDataContext lObjND = new NorthwindDataContext();
var suggestions = from p in lObjND.Territories select p.TerritoryDescription;
var namelist = suggestions.Where(n => n.ToLower().StartsWith(searchstring.ToLower()));
return namelist;
}
CONTROLLER
public JsonResult AutoCompleteSuggestions(string term)
{
var suggestions = (new TerritoriesDAO()).getTerritoryDescription(term);
var namelist = suggestions.Where(n => n.ToLower().StartsWith(term.ToLower()));
return Json(namelist, JsonRequestBehavior.AllowGet);
}
Attention: if you try to use another parameter name instead of term, it will not work. Something like (string searchstring) doesn't work.
VIEW
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function () {
$("#SearchString").autocomplete({
source: "/Territories/AutocompleteSuggestions",
minLength: 1 });
});
</script>
.
.
@using (Html.BeginForm())
{
<p>
Find by name: @Html.TextBox("SearchString")
<input type="submit" value="Search" /></p>
}
And that's it!
Mostrando postagens com marcador JQuery. Mostrar todas as postagens
Mostrando postagens com marcador JQuery. Mostrar todas as postagens
quarta-feira, 25 de setembro de 2013
segunda-feira, 2 de julho de 2012
JQuery - Como capturar o ENTER
Veja bem,
Este código funciona perfeitamente:
$('input').keydown( function(e) {
var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
if(key == 13) {
e.preventDefault();
var inputs = $(this).closest('form').find(':input:visible');
inputs.eq( inputs.index(this)+ 1 ).focus();
}
});
Este código funciona perfeitamente:
$('input').keydown( function(e) {
var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
if(key == 13) {
e.preventDefault();
var inputs = $(this).closest('form').find(':input:visible');
inputs.eq( inputs.index(this)+ 1 ).focus();
}
});
* Informação retirada do site stackoverflow
http://stackoverflow.com/a/6128623
And that's all folks.
sábado, 30 de junho de 2012
http://www.indcep.com.br - Projeto pessoal
"Hi, inhabitants of narnia, how are you?"
Veja bem, os posts deste website referem-se aos problemas que encontrei durante a construção deste website http://www.indcep.com.br .
Construí este site para aprender a trabalhar com coordenadas geodésicas o que, aliás, não é trivial.
Tecnologias envolvidas:
PHP
MySQL
Apache
JQuery
JSON
Yii
Toda semana implemento uma coisa nova.
Caso tenha alguma questão ou sugestão, entre em contato pelo formulário contato presente no website.
That's all folks.
Veja bem, os posts deste website referem-se aos problemas que encontrei durante a construção deste website http://www.indcep.com.br .
Construí este site para aprender a trabalhar com coordenadas geodésicas o que, aliás, não é trivial.
Tecnologias envolvidas:
PHP
MySQL
Apache
JQuery
JSON
Yii
Toda semana implemento uma coisa nova.
Caso tenha alguma questão ou sugestão, entre em contato pelo formulário contato presente no website.
That's all folks.
segunda-feira, 4 de junho de 2012
JQUERY - Conteúdo do label não aparece
Veja bem,
Os labels da sua página exibiração vazio se você tentar acessar seus conteúdos através do método val
alert($("yourlabel").val()) ... resultado = "vácuo"
Para acessar a propriedade use o html()
alert($("yourlabel").html())
And that's it.
Os labels da sua página exibiração vazio se você tentar acessar seus conteúdos através do método val
alert($("yourlabel").val()) ... resultado = "vácuo"
Para acessar a propriedade use o html()
alert($("yourlabel").html())
And that's it.
sexta-feira, 1 de junho de 2012
GoogleMaps - Excelente exemplo
Veja bem,
o javascript mágico jquery.gmap.js você encontra neste site http://gmap.nurtext.de/
No site tem um lugar para fazer doação. Sugestão, faça a doação. Sei que muitos estão acostumados a baixar códigos e não doar nada. Aliás, estatísticas dizem que os brasileiros são campeões de não doação de sites de tecnologia.
As pessoas que fizeram esse javascript fizeram um trabalho excelente. Eles realmente merecem doações. OK?
Dito isto, veja o exemplo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;
charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=[sua chave aqui]"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.gmap.js"></script>
<script>
$(document).ready(function () {
$("#map1").gMap({ markers: [{ latitude: 47.660937,
longitude: 9.569803 }] });
});
</script>
</head>
<body>
<p>Oi</p>
<div id="map1" style="height: 400px;"></div>
</body>
</html>
PS: Sim, eu doei dinheiro para o site.
Assinar:
Postagens (Atom)