DataTables Totalmente no Server Side

Já abordei anteriormente o uso de DataTables com ASP.NET MVC aqui, mas agora vamos mostrar como utilizar o componente com todas as requisições sendo tratadas no servidor – paginação, busca e ordenação!

Continuar lendo

Anúncios

JQuery Datatables e ASP.NET MVC – Duas abordagens

Olá a todos,

Após quase 2 anos desenvolvendo em PHP, retorno ao continente Microsoft, no país .NET, numa cidadezinha com o nome de ASP.NET, na rua C#.

De agora em diante, espero fazer publicações relacionadas a essa tecnologia. Não guardo rancor contra o PHP, o problema sou eu, não ele, me entende? Quero o melhor para o PHP, por isso preciso me afastar (papo aleatório para dar um FORA).

Pra começar a brincadeira, que falar sobre Datatables e ASP.NET MVC! Separei duas abordagens para vocês, ilustres visitantes.

Código fonte para acompanhar o artigo.

Continuar lendo

Javascript – Máscara para nono dígito de celular

Boa noite,

Recentemente enfrentei um problema interessante no trabalho. Foi necessário programar uma máscara com o nono dígito opcional para celulares de São Paulo que contivessem o dígito “9”.

Por exemplos, o campo deveria aceitar (e exibir com uma formatação agradável visualmente) os seguintes valores:

8391-7788

98391-7788

Foi necessário um pouco de javascript para atender a necessidade, deixo abaixo o código (usando JQuery e JQuery Masked Input) que usamos para resolver o problema:

		<script>

			//acrescenta à classe string um método necessário para facilitar
			String.prototype.splice = function( idx, rem, s ) {
				return (this.slice(0,idx) + s + this.slice(idx + Math.abs(rem)));
			};

			$(function(){

				//máscara inicial com o nono digito opcional
				$("#txtCel").mask('9999-9999?9');

				//ao sair do campo, vamos atualizar a máscara
				$("#txtCel").focusout(function(){

					//pegando apenas os digitos
					var cel = $("#txtCel").val().replace('-','').replace(/_/g,'');

					//se tiver 8 digitos
					if(cel.length == 8)
					{
						//vamos colocar o '-' no meio
						cel = cel.splice(4, 0, '-');
						//seta a máscara para aceitar o nono digito
						$("#txtCel").mask('9999-9999?9');
					}
					//caso contrário
					else if(cel.length == 9)
					{
						//deixamos 5 digitos na esquerda
						cel = cel.splice(5,0, '-');
						//seta a máscara para aceitar um digito a menos (caso tenha digitado errado)
						$("#txtCel").mask('99999-999?9');
					}

					//põem o valor no campo
					$(this).val(cel);

				});

			});
		</script>

Fecha a régua e passa a conta! (ou algo assim)

Twitter Bootstrap e ASP.NET MVC (Rapidinha II)

Olá a todos! Mais uma dica rápida na área.

Instalando

Para ter rapidamente o Twitter Bootstrap a sua disposição num projeto ASP.NET MVC não é necessário entrar no site e baixar seus arquivos, nem se preocupar em distribuir os .css e .js pelas pastas corretas.

Basta utilizar o Nuget! Basta ter um projeto criado e aberto e o Packet Manager Console. Caso não tenha o Packet Manager Console ativado no seu visual studio, basta seguir a screenshot abaixo:

Com ele ativo, basta digitar as palavras mágicas:

install-package Twitter.Bootstrap

Tchadã. JQuery atualizado e bootstrap inserido no projeto!

Usando

Basta incluir nos bundles (App_Start/BundleConfig.cs):

            bundles.Add(new ScriptBundle(“~/bundles/bootstrap”)
.Include(
“~/Scripts/bootstrap.js”
)
);

bundles.Add(new StyleBundle(“~/Content/bootstrap”)
.Include(
“~/Content/bootstrap.css”,
“~/Content/bootstrap-responsive.css”
)
);

E claro, adicionar a chamada desses bundles na página que deseja utilizar. Como eu estou utilizando o _Layout.cshtml (“página mestre”), vou adicionar lá, para sempre ter o bootstrap disponível.

Coloque no head:

@Styles.Render(“~/Content/bootstrap”)

Coloque após a chamada para o JQuery (antes de fechar o </body>):

@Scripts.Render(“~/bundles/bootstrap”)

Tchans! Você já pode usar todo o conforto do Twitter Boostrap.

Referências

All hail the might Google.

Dot Net Curry.

Comunicação e interação entre janelas com Javascript

Fala galera!

Sumi por uns tempos devido a provas na faculdade e um super projeto que demos o sangue pra terminar no prazo.

Some isso a mais algumas aulinhas de CFC (9, cada uma de 5 horas) e desconte o que sobrar do meu banco de horas como blogueiro. =D

Na execução do projeto, precisávamos fazer com que duas janelas de HTML comunicassem uma com a outra. Depois de pensar um pouco, arranjei uma solução.

É só fazer uma janela acessar a outra! Veja como fiz.