Convertir des champs Html en tags Struts2

Question

Je suis nouveau sur struts2 ... J'ai conçu une page en html simple .. maintenant j'ai utiliser cette page html dans le projet struts2 .. comment puis-je convertir des éléments de champ html en tags ui Struts2? ?? Ma page html ressemble:

<tr> 
    <td class="style4">**Customer Name***</td> 
    <td><input type="text" name="Scr_Inq_CName" class="body-fieldsTextFields" id="Scr_Inq_CName_id" tabindex="4" onkeypress="return CommonKeyPressIsAlpha(event);"/></td>     
</tr> 

J'ai le style attribuée (style4) à une étiquette "Nom du client" et le style (corps-fieldsTextFields) à la boîte de texte et aussi i ont effectué une validation sur ce ..

Quand j'utilise Struts-tag

Il affiche champ de texte avec le style (corps-fieldsTextFields) appliquée, Quand je lance projet ... Mais nom du client étiquette est affiché dans la ligne séparée <tr><td>Customer name</td></tr>.

Et le champ de texte est affiché sous la ligne du tableau <tr>. J'ai trouvé ce genre de trouble en utilisant FireBug.

comment appliquer style4 à Nom du client étiquette et le style corps fieldsTextFields à tous textfields et comment puis-je faire à la fois l'étiquette et le champ de texte à afficher dans la même rangée ?????

Merci ..

Answer 1

<tr> 
    <td class="style4">**Customer Name***</td> 
    <td><s:textfield cssClass="body-fieldsTextFields" theme="simple" name="Scr_Inq_CName" id="Scr_Inq_CName_id" onkeypress="return CommonKeyPressIsAlpha(event);"/></td>     
</tr> 

Cela vous donnera ce que vous voulez

theme="simple" enlèvera le style des entretoises. L'attribut cssClass est utilisé par les balises struts2 pour utiliser les classes css.

Jetez également un oeil au commentaire de Steven.Vous devez augmenter votre taux d'acceptation.

Answer 2

Pour le problème d'alignement Je suppose que vous avez des erreurs dans vos règles CSS pour style4, vous devriez vérifier si vous avez mis un certain display: block ou des règles similaires qui rendrait la cellule suivante passez sous le premier, sinon le code HTML est correct.

Si vous préférez créer une véritable étiquette que vous pouvez le faire (j'utilise des balises Struts):

<tr> 
    <td><label for="Scr_Inq_CName_id">**Customer Name**</label></td> 
    <td><html:text property="Scr_Inq_CName" styleClass="body-fieldsTextFields" styleId="Scr_Inq_CName_id" tabindex="4" onkeypress="return CommonKeyPressIsAlpha(event);" /></td> 
</tr> 

Pour la règle CSS, vous pouvez utiliser les sélecteurs d'attribut:

input[type="text"]{ 
    //This rule is valid for every input of type text, or textfield. 
} 

Les deux champs comme je l'ai dit devraient déjà être visibles sur la même ligne.