DÚVIDAS EM ASP.NET MVC

 Tópico anterior Próximo tópico Novo tópico

DÚVIDAS EM ASP.NET MVC

ASP.NET

 Compartilhe  Compartilhe  Compartilhe
#468831 - 09/11/2016 10:05:54

PERCIFILHO
MATAO [SP]
Cadast. em:Dezembro/2009


Bom dia, pessoal!
Antes de mais nada queria pedir desculpas pelo título do tópico, meio genérico, mas é que eu não consegui pensar em outro título para essa minha dúvida.
Não sei se vou conseguir explicar essa minha dúvida, mas tentarei ser o mais claro possível.
Meu projeto em ASP.NET MVC, ele inicia com um menu principal (página 1). Clico em um botão que me leva ao cadastro de clientes por exemplo (página 2).
Neste cadastro, eu clico em um botão e vou para cadastrar um cliente novo (página 3). Após inserir o cliente novo, retorno ao menu principal (página 1).
Se nesse momento, no navegador, eu clicar no botão Voltar, ele vai me levar à página para cadastrar um novo cliente (página 3) que foi a última que foi aberta, correto?
Pois bem, nessa página estará aparecendo os dados do cliente que eu acabei de cadastrar.
Aí, fico pensando, sabendo como usuário é, se ele clicar no botão para confirmar, vai cadastrar o mesmo cliente novamente.
Como poderia fazer para "proibir" que isso acontecesse? O ideal seria uma maneira de fazer com que o botão Voltar do navegador não funcionasse (se é que existe uma maneira de se fazer isso)? Ou seria o ideal, mesmo que voltasse na página de cadastro, voltar com os campos devidamente "limpos" (se for essa a resposta, como deveria proceder?)? Gostaria de opiniões de vocês que estão a mais tempo programando para Web, pois eu ainda estou só começando e apanhando muito.
Obrigado desde já.


____________________________________________________
Você sabe que alguém te ama não pelo que ele fala, mas pelo o que faz.
O amor não sobrevive de teorias.




#468837 - 09/11/2016 15:15:24

JABA
CABO FRIO
Cadast. em:Agosto/2005


Você tem que tratar isso na sua camada de dados. Se por ventura o cliente vier a cadastrar os mesmos dados em outro dado momento, você vai ter que verificar no banco se esse cadastro já foi realizado, não é algo apenas de ficar na memória do navegador. Faça de um jeito que sirva para todos os casos.

_______________________________________________________________________________________________

Se a alma ou espírito são imateriais, como eles fazem para se localizarem quando o corpo está em movimento?



#468841 - 09/11/2016 15:40:51

PERCIFILHO
MATAO [SP]
Cadast. em:Dezembro/2009


Beleza, Jaba, obrigado mais uma vez.

____________________________________________________
Você sabe que alguém te ama não pelo que ele fala, mas pelo o que faz.
O amor não sobrevive de teorias.




#468856 - 09/11/2016 21:32:53

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Eu sugiro uma rotina simples de "limpeza" de tela ao entrar nela. Use os eventos load() e ready(), disponíveis como extensões do JQuery.

_______________________________________________________________________
Gostaria de ter seu sistema Desktop "traduzido" para uma interface web? Podemos conversar...
Virei Oráculo!
The end is nigh, be ready for the nukes!


#468864 - 10/11/2016 09:16:10

PERCIFILHO
MATAO [SP]
Cadast. em:Dezembro/2009


Pois é Kerplunk, tentei fazer isso mas ainda não consegui.
Encontrei alguns exemplos de como limpar os campos da tela, porém não consegui fazer funcionar. Esse por exemplo:
$(document).ready(function() {
    $("#form")[0].reset();


Notei que nos exemplos, eles usam a tag <form> e eu não estou usando. Será que pode ser por isso, ou não tem nada a ver?
Talvez eu esteja fazendo da maneira errada. A minha View Create para cadastrar um novo Motorista, por exemplo está assim:

@model Aplicativo.Models.Motorista

@{ ViewBag.Title = "Create"; }

<!DOCTYPE html>
<html>
<head>
    <title>Aplicativo</title>
    <meta charset="utf-8" />
    <link type="text/css" rel="stylesheet" href="~/Content/bootstrap.css" />
</head>
<body>

    <div style="background-color:lightsteelblue; color:black; text-align:center; padding-top:12px; height:60px;
            font-family:Tahoma; font-size:22px; font-weight:bold;">
        Controle de Despesas Comerciais
    </div>

    <br />

    <div style="background-color:lightsteelblue; color:black; text-align:center; padding-top:3px; height:30px;
            font-family:Tahoma; font-size:18px; font-weight:bold;">
        Cadastro de Motoristas ==> Inclusão
    </div>

    <br />

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        <table align="center">
            <tr>
                <td style="font-family:Tahoma; font-size:14px;">
                    Nome
                </td>
            </tr>
            <tr>
                <td>
                    @Html.EditorFor(model => model.Nome, new { htmlAttributes = new { @class = "form-control", @style = "padding-left:5px; font-family:Tahoma; font-size:14px;", autofocus = "autofocus" } })
                </td>
            </tr>
        </table>

        <br />

        <table align="center">
            <tr>
                <td>
                    <div style="text-align:center; vertical-align:central">
                        <input type="submit" value="Salvar" class="btn btn-success" style="width:85px; text-align:center;" />
                        @Html.ActionLink("Cancelar", "Index", null, new { @class = "btn btn-danger", @style="width:85px; text-align:center;" })
                    </div>
                </td>
            </tr>
        </table>
    }

</body>
</html>


Dessa forma, quando clicar no submit Salvar, salva o registro na tabela de dados e vai para a tela de listagem dos motoristas cadastrados.
Aí se for clicado no Voltar do Chrome, vai voltar para essa tela com o EditFor preenchido. E eu gostaria que ficasse vazio. É isso que eu não estou sabendo fazer.
Não sei se estou fazendo da maneira certa.

____________________________________________________
Você sabe que alguém te ama não pelo que ele fala, mas pelo o que faz.
O amor não sobrevive de teorias.




#468880 - 10/11/2016 23:20:42

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
O que faz esse pedaço de código:

$(document).ready(function() {
    $("#form")[0].reset();

Ele diz:
Quando o documento estiver pronto(renderizado), faça o seguinte:
    O form identificado pelo id "form", o seu primeiro ítem deve ser resetado

Mesmo se ao renderizar todo o HTML, o form estiver com o ID "#form" isso não vai funcionar pois se refere à um ítem de form e não ao form completo. O que você precisa fazer é disparar o evento "reset" do form, que deve estar identificado com um ID, caso não esteja, use seletor do componente form, geralmente só existe um por página, mais ou menos assim:

$("#form").trigger("reset");

Lembrando, o form deve ter o id "form", portanto o HTML renderizado deve estar mais ou menos assim:

<form id="form">
///coisas dentro do form
</form>


Caso o id não esteja presente, use o seletor por componente:

$("form").trigger("reset");


A sintaxe do JQuery, é baseada em "seletores", que é algo meio complicado no começo, mas não é nenhum bicho de sete cabeças. Exemplos:

$("#algo").<ação> //se refere à componente que possua um id "algo", exemplo <div id="algo">, então qualquer coisa que se execute em <ação> se refere à aquele componente. Como é sintaticamente ilegal ter dois componentes HTML como o mesmo ID, esse seletor é sempre se referindo à um único componente

$("algo").<ação> //se refere à componente do tipo "algo", aqui, geralmente são tags HTML mesmo, como div, input, label ou qualquer outra. Nesse caso o que for feito em <ação> será aplicado à todos os componentes desse tipo. Exemplo $("div").css("background","#8ec252"). Aqui, todas os elementos "div" da página serão aplicados na sua propriedade de CSS "background" a cor "#8ec252". É muito comum em scripts personalizados de validação de dados.

$(".algo").<ação> //se refere à todos os componentes que estejam contidos na classe "algo". Exemplo: $(".texto").css("color", "red"). Aqui, todos os elementos que estejam contemplados na classe "texto", terão sua cor mudada para vermelho, portanto:
<input class="algo"> //será modificado
<input class="outra"> //não será modfiicado
<div class="algo outra"> //será modificado
<div class="outra qualquer"> //não será modificado


Esse é o uso mais básico dos seletores do JQuery, eles podem ficar bem complexos pois podem ser aninhados e ainda podem ser usados com o método "children", que vai selecionar os componentes filhos do(s) componente(s) afetados pelo seletor. Exemplo:

$(".algo").children("div").css("background", "red");
//esse comando vai pintar de vermelho todos os elementos div que estiverem dentro do elemento que tenha a classe "algo", exemplo:
<div class="algo">
   <div>qualquer coisa</div>//será pintado de vermelho
   <input type="text" /> //não será pintado, pois não é um elemento do tipo "div"
   <div>outra coisa</div>//será pintado de vermelho
</div>
<div class="outra">
   <div>qualquer coisa</div>//não será afetado, pois é contido por uma div que não é da classe "algo"
   <input type="text" /> //não será pintado, pois não é um elemento do tipo "div" e não é da classe "algo"
   <div>outra coisa</div>//não será afetado, pois é contido por uma div que não é da classe "algo"
   <div class="algo">
       <div>qualquer coisa aqui</div>//será afetado pois está dentro de um elemento que pertence à classe "algo" e é um elemento div
       <input type="text" /> //não será afetado pois mesmo sendo "filho" de um elemento que pertence à classe "algo", não é um elemento do tipo div
   </div>
</div>


O domínio dos seletores do JQuery é fundamental para o domínio do JQuery em si, pois são eles quem "marcam" o que será feito. Imagine os seletores como um comando SELECT de um banco de dados, onde você pode colocar uma cláusula WHERE, especificando quais registros quer buscar, a idéia é a mesma, o que muda é que o JQuery se refere à componentes do HTML ao invés de registros do banco de dados.

_______________________________________________________________________
Gostaria de ter seu sistema Desktop "traduzido" para uma interface web? Podemos conversar...
Virei Oráculo!
The end is nigh, be ready for the nukes!


#468884 - 11/11/2016 09:00:39

OCELOT
SOROCABA
Cadast. em:Março/2012


Citação:
:
O que faz esse pedaço de código:

$(document).ready(function() {
    $("#form")[0].reset();

Ele diz:
Quando o documento estiver pronto(renderizado), faça o seguinte:
    O form identificado pelo id "form", o seu primeiro ítem deve ser resetado

Não é bem assim, tanto esse quanto o que você postou em seguida devem funcionar.

Sua explicação neste caso está errada, ele não vai pegar o primeiro item dentro do form e sim o primeiro elemento encontrado pelo jQuery, como neste caso a busca foi feita pelo ID deve existir apenas um elemento que é o próprio form, se não fosse assim ele não resetaria nada, nem o primeiro item, pois mesmo que o primeiro elemento dentro do form fosse um input eles não possuem um método reset()

A vantagem da forma que você postou é que seria possível resetar mais de um form ao mesmo tempo, porém teria que usar outro tipo de seletor que não seja o ID para isso.



#468889 - 11/11/2016 22:33:02

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
O seletor por ID, pela lógica, deve retornar apenas um elemento, visto que é sintaticamente ilegal ter dois componentes com o mesmo ID, logo a referência de elemento [0] não faz sentido. Acho que devo ter me explicado mal, mas é isso que quis dizer. Outros seletores podem sim retornar mais de um elemento(um array de elementos) e então faria sentido o indexador [0].

_______________________________________________________________________
Gostaria de ter seu sistema Desktop "traduzido" para uma interface web? Podemos conversar...
Virei Oráculo!
The end is nigh, be ready for the nukes!


#469006 - 18/11/2016 08:09:51

PERCIFILHO
MATAO [SP]
Cadast. em:Dezembro/2009


Última edição em 18/11/2016 08:11:57 por PERCIFILHO

Kerplunk, valeu pela explicação.
Mas eu encontrei um código no Stack Overflow que faz exatamente isso que eu queria. Ele faz com que ao clicar no botão Voltar do navegador, não acontece nada, ou seja, o usuário só irá sair da página atual se clicar em um botão específico da página.
A solução está aqui!

Como desabilitar a função do botão 'voltar' do navegador?



____________________________________________________
Você sabe que alguém te ama não pelo que ele fala, mas pelo o que faz.
O amor não sobrevive de teorias.




#469012 - 18/11/2016 10:25:31

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Ok, pode ter funcionado e pode funcionar até mesmo para sempre. Mas você não pode desenvolver seus programas baseados em browser e suas mazelas. E se algum browser ou update dele colocar o hash no endereço tenha o mesmo efeito de não colocar? Certo, isso não é uma feature de browser, mas não é esse o caminho que se deve seguir. Sua aplicação deve ser totalmente independente desse tipo de coisa. Além disso, essa navegação deve ser livre. Veja o caso de um dia você direcionar à uma tela sua, vinda de uma outra página, como o VBMania por exemplo. O usuário não pode ficar "amarrado" à isso. Se ele quiser voltar, então deixe que volte.

_______________________________________________________________________
Gostaria de ter seu sistema Desktop "traduzido" para uma interface web? Podemos conversar...
Virei Oráculo!
The end is nigh, be ready for the nukes!


#469013 - 18/11/2016 10:26:03

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Mas se você está contente com o resultado, beleza. Só tente no futuro desenvolver de forma que esse tipo de coisa não ocorra.

_______________________________________________________________________
Gostaria de ter seu sistema Desktop "traduzido" para uma interface web? Podemos conversar...
Virei Oráculo!
The end is nigh, be ready for the nukes!


 Tópico anterior Próximo tópico Novo tópico


Tópico encerrado, respostas não sao permitidas
Encerrado por PERCIFILHO em 05/12/2016 13:49:09