2011-08-28 2 views
-1

j'ai div dans .aspx page:chèque et ajouter div div à l'intérieur lors de l'exécution

<div id="mainWrapper" runat="server"> 
</div> 

iwant pour ajouter div dans le temps de l'exécution. Dans la page charge i essayer

mainWrapper.append("<div id="headerLeft"></div>"); 

mais je suis unbale pour vérifier si div id="headerLeft" existe déjà ou not.If pas alors seulement ajouter div.Thanks.

+0

Parlez-vous de côté serveur ou un code côté client? – SLaks

+0

@SLaks merci d'éditer mon Q.I m parler du code côté serveur. Merci. –

+0

Bien que je suis descendu voter encore j'attend pour ans bcz j'ai perdu toute ma journée pour ce problème. –

Répondre

0

vous pouvez utiliser mainWrapper.FindControl pour vérifier si le div contient déjà l'autre et vous ajoutez le interne avec mainWrapper.Controls.Add seulement s'il n'existe pas.

mais de toute façon, si vous faites quelque chose comme ceci:

protected Page_Load(...) 
{ 

if(!IsPostBack) 
{ 
    // ... add the inner div... 
} 

} 

vous ajouteriez la div intérieure une seule fois.

+0

tous les div sont ajoutés lors de l'exécution, donc comment 'trouver contrôle 'vérifier div est déjà existant ou non. –

+0

runtime et côté client ou côté serveur sont des choses «différentes» !! –

+0

Avec tous les ajouts à l'exécution, peut-être vous devriez repenser votre conception ... – magnattic

0

Ne serait-il pas plus simple de cacher l'entête header tant que vous n'en avez pas besoin? ASP.NET ne fournit aucun HTML lorsque le Visible -Property est réglé sur false:

<div id="mainWrapper" runat="server"> 
    <div id="headerLeft" runat="server" Visible="false"></div> 
</div> 

Ensuite, dans le code que vous pouvez simplement:

headerLeft.Visible = true; 

De cette façon, vous pouvez facilement vérifier si le div est déjà visible.

+0

sa partie seulement D :). Div r générer à l'exécution. Show n cacher n'est pas un problème. Le problème principal est div existe ou pas? –

1

utilisation jquery

if ($("#headerLeft").length=0){ 
     $("#mainWrapper").append('<div id="headerLeft"></div>'); 
    }