34
votos
Aceito
Input type="password" com o olho de mostrar senha
Usando jquery, faça o seguinte:
$( "#olho" ).mousedown(function() {
$("#senha").attr("type", "text");
});
$( "#olho" ).mouseup(function() {
$("#senha").attr("type", "password");
});
Exemplo ...
- 824
23
votos
Input type="password" com o olho de mostrar senha
Usando apenas JavaScript, podes adicionar a um elemento, neste caso é a tag img, dois eventos (mousedown e mouseup), estes iram alterar a propriedade type do input, alternando entre text e password.
...
- 3.706
17
votos
Aceito
Escrever TimeSpan por extenso
Há uma resposta no SO que trata disto e foi bem aceita. Eu provavelmente melhoraria alguma coisa para ficar mais elegante e ainda não está fazendo exatamente como deseja, mas é isto:
public static ...
- 470mil
15
votos
Aceito
Problema de data com globalize.js e jquery.validation.globalize.js. Como resolver?
Este não é um problema simples (me consumiu na verdade o esforço de uma noite pra descobrir). O problema é a ordem dos js que precisa ser respeitada:
jquery.validate.js;
jquery.validate.unobstrusive....
- 89,2mil
14
votos
Escrever TimeSpan por extenso
Apenas a título de curiosidade, implementei a resposta do @Maniero como uma Extension, a seguir:
public static class RelativeTimeExtensions
{
public static String PorExtenso(this TimeSpan ...
- 89,2mil
14
votos
Input type="password" com o olho de mostrar senha
Algumas das outras respostas mostram como mostrar /esconder a password quando se clicar no input, independentemente de onde se clique.
Para o clique ser num sítio específico, olho ou texto é preciso ...
- 135mil
12
votos
Aceito
Como carregar um dropdown com um valor selecionado
A forma mais sucinta de escrever isso é assim:
<select name="selPeriodo" class="form-control">
@foreach (var item in @ViewBag.Periodos)
{
<option value="@item.Id" @(...
- 89,2mil
11
votos
Aceito
Quais as diferenças entre ASP.NET MVC e ASP.NET Razor Pages?
A primeira coisa que precisa entender é que o Razor Pages é como o MVC, não é uma tecnologia nova, ele depende totalmente da tecnologia chamada ASP.NET MVC, sem usar o padrão MVC. É uma forma mais ...
- 470mil
9
votos
Aceito
Para que serve o @ em uma view e controller?
Pra que serve o @ (arroba) tanto no controller quanto na view?
Na View, indica ao motor Razor que o código a seguir deve ser interpretado pelo .NET. Pode ser usado numa linha:
@if (condicao) { ... }
...
- 89,2mil
9
votos
Aceito
O que é ASP.NET Core Blazor?
O que seria esse ASP.NET Core Blazor?
Hoje só chamado de Blazor, é o engine que pega seu código em C# e gera um WebAssemply. Ele permite você usar código C# no seu navegador, desde que seja nas ...
- 470mil
8
votos
Aceito
Boas práticas com .NET MVC
Primeiramente, estou assumindo a organização para ASP.NET Identity, para que a resposta não vire uma muralha de texto.
Assumindo o seguinte cenário:
Controller para usuário (UsuarioController);
...
- 89,2mil
8
votos
Para que serve o @ em uma view e controller?
Na view usando o mecanismo de renderização Razor ele indica que o que vem à seguir é um código C# e não HTML, e por isto ele precisará ser executado e o resultado desta execução é que será renderizado ...
- 470mil
8
votos
Aceito
MVC - Criar uma model tipada sendo uma lista genérica
Use Interfaces
Veja só, sua View espera receber uma lista de objetos ondem eles necessariamente tenha a propriedade Name:
@foreach (var item in Model)
{
<h1>@item.name</h2>
}
Então, ...
- 6.989
8
votos
Aceito
Diferença entre @Html.LabelFor e @Html.DisplayNameFor
O DisplayNameFor() gera um texto puro com o título daquele elemento, já o LabelFor gera uma tag label do HTML com o texto do título, assim:
<label for="Campo">Título</label>
...
- 470mil
7
votos
Aceito
Criar SelectList estatico e passar um item selecionado para a View
Seguindo o seu modelo, vou alterar apenas a forma de passar os dados para a view.
No lugar de um SelectList irei utilizar o SelectListItem, e no lugar da ViewData, uma ViewBag.
Seu controller ficaria ...
- 21,8mil
7
votos
Input type="password" com o olho de mostrar senha
Fiz um exemplo utilizando o bootstrap para criar o olho e o script usado é basicamente o mesmo utilizado nas demais respostas.
var $spnMostrarSenha = $('#spnMostrarSenha');
var $txtSenha = $('#...
- 6.723
6
votos
Aceito
Exibir ou Ocultar Campos para Pessoa Física ou Pessoa Jurídica
Para isso você pode usar jquery, usando classes, assim:
$( document ).ready(function() {
$(".campoPessoaJuridica, .campoPessoaFisica").hide();
});
$("input:radio[name=tipo]").on("change"...
- 4.553
6
votos
Erro no Edit MVC .NET
Se Fisica deriva Pessoa, isto aqui não está certo:
@model CodeFirst.Models.Fisica
<div>
@Html.EditorFor(model => Model.Fisica)
</div>
Use @Html.Partial ao invés de @Html.Editor:
@...
- 89,2mil
6
votos
O que é uma Engine?
Engine neste contexto pode ser um framework, uma biblioteca, um conjunto de ferramentas, um SDK, ou seja, softwares que estão disponíveis para desempenhar uma tarefa específica e que fora desenvolvido,...
- 470mil
5
votos
Aceito
Passar ViewBag para _Layout
Se o código é usado em todas as páginas, possivelmente é um layout ou um menu dinâmico. Não use Session pra isso.
Vou passar uma lista de passos para criar um menu dinâmico.
1. Crie um Controller ...
- 89,2mil
5
votos
Aceito
Quebra de linha no bootstrap
Você pode fazer duas maneiras, usando .row que representa como linha ou .clearfix que quebra a linha:
No caso .row seria:
<!-- Linha 1 -->
<div class="row">
<div class="col-md-6"&...
- 265
5
votos
Aceito
Como usar Resources em arquivo .js?
Uma forma é você definir essas strings no seu layout, por exemplo na tag <head>:
<head>
<script>
var DISPLAY_OLA = "@Resources.DISPLAY_OLA";
</script>
</...
- 2.585
5
votos
Como fazer um LINQ/lambda e consumi-lo na view?
Isto aqui não faz sentido:
var RadioAtivo = db.Radios
.Where(p => p.Ativo == true && p.Mp3 == false)
.Take(1);
return View(RadioAtivo.ToList());
Se você quer apresentar apenas um ...
- 89,2mil
5
votos
Criar SelectList estatico e passar um item selecionado para a View
@Html.DropDownList se torna bastante limitado quando você envia uma SelectList já pronta. Particularmente, prefiro que a View monte essa DropDownList pra mim da seguinte forma:
@Html.DropDownListFor(...
- 89,2mil
5
votos
Aceito
Erro de GetEnumerator ao renderizar uma View
Como o próprio erro diz:
Instrução foreach não pode operar em variáveis do tipo 'Operador.MVC.Models.OperadorModel'
Seu erro está aqui:
foreach (var item in Model)
Model é uma variável do tipo ...
- 69,1mil
5
votos
Edit MVC com Foreign Key
Bem, basta continuar fazendo como está. Enviando a ViewBag com o SelectList para a View Create Livros, mas nesse caso você já enviará um valor selecionado.
Ao criar um SelectList, é possível apontar ...
- 6.966
5
votos
Aceito
Qual a vantagem de se utilzar Tag Helpers no ASP.NET Core?
Em geral esse peso extra não é significativo e no fundo se não usar o peso pode até ser maior em alguns casos.
A principal vantagem você já percebeu, é a legibilidade do código. Isto tem a ver com ...
- 470mil
5
votos
Renderização HTML5 com Razor
Segundo o próprio W3Schools:
In HTML, the <input> tag has no end tag.
In XHTML, the <input> tag must be properly closed, like this <input />.
O HTML5 segue mais o padrão XHTML que ...
- 89,2mil
5
votos
Aceito
Datetime-local em @Html.EditorFor
Não sei qual versão do MVC está utilizando, então aconselho a tentar usar o TextBoxFor(), que possui suporte para versões mais antigas.
O que deve ser feito é colocar o @ antes do type, desta forma:
...
- 21,8mil
5
votos
Referenciar classe Sintaxe Razor C#
Uma solução bem ad-hoc e fortemente tipada seria usar tuplas para passar mais de um valor para a view cshtml:
Exemplo - vou passar 2 dados para o CSHTML (o view model e uma string representando a ...
- 28,9mil
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
razor × 371asp.net-mvc × 229
c# × 216
asp.net-mvc-5 × 55
javascript × 53
html × 42
jquery × 30
.net × 29
asp.net × 28
asp.net-core × 20
mvc × 19
css × 17
html5 × 13
ajax × 12
asp.net-mvc-4 × 12
entity-framework × 11
razor-pages × 8
html-helpers × 8
.net-core × 6
sql-server × 5
twitter-bootstrap × 5
view × 5
bootstrap-3 × 4
entity-framework-6 × 4
dropdownlist × 4