ASP.NET: TextBox OnTextChanged MVC actualise la page entière

Question

Je rencontre des problèmes lors de la dévolution de mon application .net. J'utilise l'événement OnTextChanged sur une zone de texte pour changer le contenu dans une autre Textbox, la première zone de texte a AutoPostBack = "true", mais quand j'écris dedans et que je clique dans une autre partie, la page s'actualise complètement.

ici est mon code ascx:

<form id="Form1" runat="server"> 
    Change text 
    <asp:TextBox id="txt1" runat="server" ontextchanged="ejemplo" autopostback="true"/> 
    <p><asp:Label id="lbl1" runat="server" /></p> 
</form> 

et le script dans la même page ascx:

<script runat="server"> 
protected void ejemplo(object sender, EventArgs e) 
     { 
      lbl1.Text = "Changed"; 
     } 
</script> 

J'utilise MVC4, Merci pour vos réponses.

EDIT:

est ici une vidéo de ce qui se passe réellement: http://remainedesign.com/video/asd.html

Answer 1

Le cycle de vie du MVC et des formes de bande sont tous deux différents. MVC est pas sur les contrôles serveur .... viewstate ... aucun événement cycle de vie de la page sous forme de web ...

What is the 'page lifecycle' of an ASP.NET MVC page, compared to ASP.NET WebForms? this helps .. Maintenant

venir à votre point.

si vous voulez afficher quelque chose dans la TextBox2 en entrant une valeur dans la Textbox1 vous devez utiliser script côté client, voir exemple ci-dessous

javascript

<script type="text/javascript" language="javascript"> 
     function textCounter(field, field2, maxlimit) { 
      var countfield = document.getElementById(field2); 
      if (field.value.length > maxlimit) { 
       field.value = field.value.substring(0, maxlimit); 
       return false; 
      } else { 
       countfield.value = maxlimit - field.value.length; 
      } 
     } 
</script> 

Votre Html Page

<%using (Html.BeginForm("Index", "Account", FormMethod.Post)) // here index is a ActionName, Account is a controller name 
     {%> 

<input type="text" id="textbox1" name="Message" onkeyup="textCounter(this,'textbox2',208)"/> 

<input disabled maxlength="3" size="3" value="208" id="textbox2" /></label> 

<input type="submit" value="Send" /> 
<%}%> 

Ici
La fonction textCounter() de l'événement keyup dans textbox1 affichera la valeur dans textbox2,

soumettre bouton soumettre le formulaire qui appellent une action « index » sur le contrôleur « compte », voir ci-dessous comment acte d'action

public class AccountController : Controller 
{ 
    [HttpPost] 
    public ActionResult index(FormCollection result) 
    { 
    string TextBoxValue=result["Message"]; 
    return view("yourviewname"); 
    } 
} 

s'il vous plaît noter, exemple ci-dessus est uniquement pour le projet MVC

J'espère que cela exemple peut vous aider ..

Answer 2

la première zone de texte a AutoPostBack = "true", mais quand j'écris et cliquez dans une autre partie, la page se rafraîchit complètement

C'est exactement ce à quoi sert AutoPostBack. Si vous cliquez sur une autre partie, c'est lorsque vous perdez le focus sur la zone de texte et que cela déclenchera une publication. Si vous avez besoin d'autres preuves puis read this from MSDN:

Obtient ou définit une valeur qui indique si un postback automatique le serveur se produit lorsque le contrôle TextBox perd le focus.