2010-07-21 21 views
0

comment puis-je obtenir multiview en javascript ou jquery?MultiView et JavaScript (ou jquery) de travail

ci-dessous le code retourne toujours null: (Javascript)

var MultiView = document.getElementById("MultiView1"); 

et au-dessous du code est non nul, mais fonctionne pas: (jquery)

var MultiView = $("*[id$='TextBox1']"); 

ce qui est la va sur ce sujet?

pouvez-vous me donner plz un exemple de code pour vérifier ActiveViewIndex avec JavaScript ou Jquery!

i ajouté le code ci-dessous en raison du commentaire:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Keyup._Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server"> 
     <title></title> 

    <%-- <script src="JQuery/jquery-1.4.1.js" type="text/javascript"></script>--%> 
       <script type="text/javascript"> 

        document.onkeyup = onkeyupOfDocument; 

        function onkeyupOfDocument(evt) { 
         var evt = evt || window.event; 
         //alert(evt.keyCode); 
         //var MultiView = $("*[id$='TextBox1']"); 
         var MultiView = document.getElementById("MultiView1"); 
         alert(MultiView); 
        } 

     </script> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
     <div> 
      <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"> 
       <asp:View ID="View1" runat="server"> 
         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
       </asp:View> 
       <asp:View ID="View2" runat="server"> 
       </asp:View> 
      </asp:MultiView> 
     </div> 
     </form> 
    </body> 
    </html> 

merci à l'avance future

+0

Pourriez-vous fournir le balisage HTML des éléments que vous essayez de sélectionner? Il est impossible de dire si le sélecteur est correct sans savoir à quoi ressemble le balisage. – user113716

+0

J'ai ajouté le code aspx (html) comme vous l'avez dit ... – MoonLight

Répondre

0

Désolé pour le retard, mais voici ce que vous cherchez:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" 
    CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 

      var activeViewIndex = $('.multiviewContainer').attr('activeKey'); 

      alert(activeViewIndex); 

     }); 
    </script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

    <asp:Panel runat="server" ID="multiviewContainer" CssClass="multiviewContainer"> 

     <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"> 

      <asp:View ID="View1" runat="server"> 
        View 0 
      </asp:View> 

      <asp:View ID="View2" runat="server"> 
        View 1 
      </asp:View> 

      <asp:View ID="View3" runat="server"> 
        View 2 
      </asp:View> 

      <asp:View ID="View4" runat="server"> 
        View 3 
      </asp:View> 

     </asp:MultiView> 

    </asp:Panel> 

</asp:Content> 

et le code derrière:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

public partial class _Default : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 
     string activeView = MultiView1.ActiveViewIndex.ToString(); 
     multiviewContainer.Attributes.Add("activeKey", activeView); 
    } 
} 
+0

vraiment vraiment merci/mais mon objectif ne change pas multiview activeviewindex/je veux seulement vérifier multiview ActiveViewindex pour faire quelque chose ... (je ne peux pas changer multiview avec divs - parce que j'ai utilisé multiview dans le code derrière de nombreuses fois) – MoonLight